@charset "utf-8";
/* ===================================================================
CSS information

 file name :spec.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */



/* index.html
----------------------------------------------------------- */
#spec .caption{
	padding: 15px 0 20px 15px;
}
#spec .heightLineParent{
	overflow: hidden;
	zoom: 1;
	margin-left: -1px;
}

#spec .box_spec_layout {
	clear:both;
	overflow:hidden;
	zoom:1;
}
#spec .box_spec{
	background: url(../spec/images/bg_box.gif) top repeat-x ;
	width: 362px;
	float: left;
	text-align: center;
}
#spec .line {
	border-left: #ccc 1px solid;
}
#spec .line2 {
	border-right: #ccc 1px solid;
}
#spec .box_spec h4{
	margin-bottom: 5px;
}
#spec .box_spec div{
	padding: 14px 0 0 62px;
	width: 260px;
	margin: 0 auto;
	text-align: left;
}
#spec .box_spec #box_01{
	background: url(../spec/images/bg_01.jpg) 0 13px no-repeat ;
}
#spec .box_spec #box_02{
	background: url(../spec/images/bg_02.jpg) 0 13px no-repeat ;
}
#spec .box_spec #box_03{
	background: url(../spec/images/bg_03.jpg) 0 13px no-repeat ;
}
#spec .box_spec #box_04{
	background: url(../spec/images/bg_04.jpg) 0 13px no-repeat ;
}
#spec .box_spec #box_05{
	background: url(../spec/images/bg_05.jpg) 0 13px no-repeat ;
}
#spec .box_spec #box_06{
	background: url(../spec/images/bg_06.jpg) 0 13px no-repeat ;
}
#spec .box_spec #box_07{
	background: url(../spec/images/bg_07.jpg) 0 13px no-repeat ;
}
#spec .box_spec #box_08{
	background: url(../spec/images/bg_08.jpg) 0 13px no-repeat ;
}
#spec .box_spec #box_09{
	background: url(../spec/images/bg_09.jpg) 0 13px no-repeat ;
}
#spec .box_spec #box_10{
	background: url(../spec/images/bg_10.jpg) 0 13px no-repeat ;
}
#spec .box_spec #box_11{
	background: url(../spec/images/bg_11.jpg) 0 13px no-repeat ;
}
#spec .box_spec #box_12{
	background: url(../spec/images/bg_12.jpg) 0 13px no-repeat ;
}
#spec .box_spec #box_13{
	background: url(../spec/images/bg_13.jpg) 0 13px no-repeat ;
}
#spec .box_spec #box_14{
	background: url(../spec/images/bg_14.jpg) 0 13px no-repeat ;
}
#spec .box_bt {
	clear:both;
	overflow:hidden;
	zoom:1;
}
#spec .box_bt .bn_movie_l {
	width:362px;
	text-align:center;
	float:left;
	padding:0 0 20px 0;
}
#spec .box_bt .bn_movie_r {
	width:362px;
	text-align:center;
	float:left;
	border-left:1px solid #CCC;
	padding:0 0 20px 0;
}

/* 各ページ
----------------------------------------------------------- */
#spec .intr{
	padding: 10px 360px 0 15px;
}
#spec .intr p{
	margin-bottom: 20px;
}
#spec #intr_01{
	background: url(../spec/images/bg_01_main.jpg) no-repeat 420px 0;
}
#spec #intr_02{
	background: url(../spec/images/bg_02_main.jpg) no-repeat 420px 0;
}
#spec #intr_03{
	background: url(../spec/images/bg_03_main.jpg) no-repeat 420px 0;
}
#spec #intr_04{
	background: url(../spec/images/bg_04_main.jpg) no-repeat 420px 0;
}
#spec #intr_05{
	background: url(../spec/images/bg_05_main.jpg) no-repeat 420px 0;
}
#spec #intr_06{
	background: url(../spec/images/bg_06_main.jpg) no-repeat 420px 0;
}
#spec #intr_07{
	background: url(../spec/images/bg_07_main.jpg) no-repeat 420px 0;
}
#spec #intr_08{
	background: url(../spec/images/bg_08_main.jpg) no-repeat 420px 0;
}
#spec #intr_09{
	background: url(../spec/images/bg_09_main.jpg) no-repeat 420px 0;
}
#spec #intr_10{
	background: url(../spec/images/bg_10_main.jpg) no-repeat 420px 0;
}
#spec #intr_11{
	background: url(../spec/images/bg_11_main.jpg) no-repeat 420px 0;
}
#spec #intr_12{
	background: url(../spec/images/bg_12_main.jpg) no-repeat 420px 0;
}
#spec #intr_13{
	background: url(../spec/images/bg_13_main.jpg) no-repeat 420px 0;
}
#spec #intr_14{
	background: url(../spec/images/bg_14_main.jpg) no-repeat 420px 0;
}
#spec #intr_15{
	background: url(../spec/images/bg_15_main.gif) no-repeat 420px 0;
	margin:10px 0 0 0;
}

#spec .frustration{
	background: #fffadc;
	border: 1px solid #ffe442;
	padding: 10px 15px;
	margin-bottom: 30px;
}
#spec .frustration h4{
	margin-bottom: 5px;
}
#spec .frustration ul li{
	background: url(../spec/images/ic_dot.gif) left 10px no-repeat;
	padding: 0 0 5px 7px;
	color: #333;
}
#spec .box_two_r,
#spec .box_two_l{
	padding-left: 15px;
	overflow: hidden;
	zoom: 1;
	margin:0 0 15px 0;
}
#spec .box_txt{
	width: 365px;
}
#spec .box_movie{
	width: 335px;
	padding: 10px 10px 0 7px;
}
#spec .box_two_r .box_txt{
	float: right;
}
#spec .box_two_l .box_txt{
	float: left;
}
#spec .box_two_l .box_movie{
	float: right;
}
#spec .lnk_img{
	background:url(../spec/images/img_arrow.gif);
	background-position:65% 50%;
	background-repeat:no-repeat;
	padding:0 0 0 6px;
	text-align:right;
	margin:5px 15px 0 0;
	font-size:12px;
}
#spec .lnk_img a:link {
	color:#e16f00;
	text-decoration:underline;
}

#spec .lnk_img a:visited {
	color:#e16f00;
	text-decoration:underline;
}

#spec .lnk_img a:hover {
	color:#e16f00;
	text-decoration:none;
}

#spec .lnk_img a:active {
	color:#e16f00;
	text-decoration:underline;
}
#spec .box_txt h4{
	margin: 40px 0 10px;
	font-size: medium;
	font-weight: bold;
	color: #0062bd;
}
#spec .box_movie .lnk_movie{
	text-align: right;
	padding-right: 15px;
}
#spec .box_movie .lnk_movie img{
	margin: 0 5px 5px 0;
	vertical-align: middle;
}


/* 動作環境
----------------------------------------------------------- */
#spec p.st_g1 {
	 width: 710px;
	 margin:10px auto 20px auto;
}
#spec div.tablearea {
	 width: 710px;
	 margin:0 auto 40px auto;
}
h4 {
	color:#000e63;
}
#spec table#ct {
                background: #FFF;
                border-spacing: 0;
                margin: 5px auto;
                font-size: small;
                border: 2px solid #ccc;
                width: 710px;
            }
            #spec span {
            	font-size: x-small;
            }
            #spec span.attention {
            	color:#c00000;
            }
            #spec table td {
				width:70%;
            	text-align: left;
               	padding: 10px;
                border-bottom: 1px solid #ccc;
                line-height: 1.3em;
            }
            
            #spec table td.no_boder {
            	width:70%;
                padding: 10px;
                border-bottom: 0px solid #ccc;
            }
            
            #spec table th {
            	width:30%;
                padding: 10px;
                text-align: center; 
                background: #f5f5f5;
                border-bottom: 1px solid #ccc;
                border-right: 1px solid #ccc;
            }
            #spec table th.no_boder {
				width:30%;
                padding: 10px;
                background: #f5f5f5;
                border-bottom: 0px solid #ccc;
            }

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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}