@charset "utf-8";
@import "base.css";

/*----------------------------------
	share 
----------------------------------*/
#contents #main dl { margin-bottom: 30px;}
#contents #main dt strong { display: block; margin-bottom: 10px; padding: 0 0 3px; border-bottom: 1px solid #ccc; color: #0059ac; font-size: 120%;}

/*----------------------------------
	home 
----------------------------------*/
#selector.home #topImg { position: relative;}
#selector.home .jfasS { margin-left: 0px; margin-bottom: 10px; margin-right: 0; margin-top: 0; float: right; text-align: right;}
#selector.home .jfasS em { background-color: #ffefe1; width: 350px; display: inline-block; padding: 3px 5px; border: 1px solid #ccc;}
#selector.home .jfasF { padding-right: 10px; margin-left: 0; margin-bottom: 10px; margin-right: 10px; margin-top: 0; width: 350px; float: right; text-align: right;}
#selector.home .jfasF em { background-color: #e5efff; width: 350px; display: inline-block; padding: 3px 5px; border: 1px solid #ccc;}
/* news */
#selector.home .news{ height: 40px; background: url(./../img/home/news_bg.jpg) repeat-x top; width:950px; border: 1px solid #CCC; }
#selector.home .news h3{ margin: 12px auto auto 17px; font-size: 16px; line-height:1.0em; float:left; }
#selector.home .news ul{ margin:12px 10px auto auto; float: right; width: 850px; font-size:14px; padding-bottom: 12px; }
#selector.home .news ul li{ display:block; background: url(./../img/home/news_arrow.png) no-repeat left top; line-height: 1.0em; text-indent: 1.0em; }
#selector.home .news ul li a{ text-decoration: none; color: black; }
#selector.home .news ul li a:hover { text-decoration: underline; color: black; }
#selector.home .news ul li+li{ margin-top: 6px; padding-top:5px; border-top: 1px dashed #666666; background-position: 0 5px; }
#selector.home .news ul li span{ text-justify:distribute; }


/*----------------------------------
	about 
----------------------------------*/
#selector.about #contents h2 { height: 180px; background: url(../img/about/h2.gif) no-repeat; text-indent: -999em;}
#selector.about #contents #main h3 { margin-bottom: 10px;}
#selector.about #contents #main .dl_03 img.floatR { margin-left: 20px;}

/*----------------------------------
	case 
----------------------------------*/
#selector.case #contents h2 { height: 180px; background: url(../img/case/h2.gif) no-repeat; text-indent: -999em;}
#selector.case #contents #main dl p { overflow: hidden;}
#selector.case #contents #main dl img.floatR { margin-left: 20px;}

/*----------------------------------
	basic 
----------------------------------*/
#selector.basic #contents h2 { height: 180px; background: url(../img/basic/h2.gif) no-repeat; text-indent: -999em;}
#selector.basic #contents #main h3 { margin-bottom: 10px;}
#selector.basic #contents #main .dl_01 img.floatR { margin-left: 20px;}
#selector.basic #contents #main .p_01 { margin-bottom: 30px;}
#selector.basic #contents #main p strong { display: block; margin-bottom: 10px; padding: 0 0 3px; border-bottom: 1px solid #ccc; color: #0059ac; font-size: 120%;}
#selector.basic #contents #main .dl_02 { padding: 20px 10px; border: 1px solid #ccc;}
#selector.basic #contents #main .dl_02 p.alignC{ margin-bottom: 10px;}

/*----------------------------------
	feature 
----------------------------------*/
#selector.feature #contents h2 { height: 180px; background: url(../img/feature/h2.gif) no-repeat; text-indent: -999em;}
#selector.feature #contents #main dl p { overflow: hidden;}
#selector.feature #contents #main dl img.floatR { margin-left: 20px;}
#selector.feature #contents #main .dl_01 .p_01 { padding-bottom: 60px; padding-right: 500px;}
#selector.feature #contents #main .dl_01 .dl_01_01 { position: absolute; z-index: 10; top: 150px; right: 50px;}
#selector.feature #contents #main .dl_01 img { margin: 0 10px;}
#selector.feature #contents #main .dl_03 ul { margin-top: 10px;}
#selector.feature #contents #main .btn_spec { margin: 20px 0 30px; text-align: right;}
#selector.feature #contents #main .btn_spec a { display: inline-block; width: 200px; height: 27px; background: url("../img/feature/btn_spec.gif") no-repeat 0 0; line-height: 19px; vertical-align: middle;}
#selector.feature #contents #main .btn_spec a span,
#selector.feature #contents #main .btn_spec a:hover span { visibility: hidden; }
#selector.feature #contents #main .btn_spec a:hover { background: url("../img/feature/btn_spec.gif") no-repeat 0 bottom; text-decoration: none; }

/*----------------------------------
	spec 
----------------------------------*/
#selector.spec #contents h2 { height: 180px; background: url(../img/spec/h2.gif) no-repeat; text-indent: -999em;}
#selector.spec #contents #main dl p { overflow: hidden;}
#selector.spec #contents #main dl img.floatR { margin-left: 20px;}

#selector.spec #contents #main table { position: relative; width: 100%; margin-bottom: 5px; font-size: 90%;}
#selector.spec #contents #main table th { width: auto; background: #ddd; padding: 5px; border: 1px solid #aaa; text-align: center; white-space: nowrap;}
#selector.spec #contents #main table td { width: auto; padding: 5px; border: 1px solid #aaa;}
#selector.spec #contents #main table .even td { background: #f3f3f3;}
#selector.spec #contents #main .dl_02 p{ margin-bottom: 10px;}
#selector.spec #contents #main .dl_03 table { width: 60%; font-size: 90%;}
#selector.spec #contents #main .dl_03 table td { text-align: center;}
#selector.spec .jfas { margin: 0; text-align: right;}
#selector.spec .jfas em { display: inline-block; padding: 3px 5px; border: 1px solid #ccc;}