@charset "utf-8";

/*-----------------------------------------------------
 body
-------------------------------------------------------*/
body {
	background-image:none;
}
/*-----------------------------------------------------
header
-------------------------------------------------------*/
header {
	width:100%;
	background:url("../images/header_bg.gif") repeat-x 0 0;
}

div.header-inline{
	width:748px;
	position:relative;
	margin:0 auto 0 auto;
	text-align:left;
	height:207px;
}

/* logo */
div.header-inline p.logo{
	width:210px;
	height:44px;
	position:absolute;
	top:48px;
	left:6px;
}
/* team */
div.header-inline p.team{
	width:200px;
	height:100px;
	position:absolute;
	top:15px;
	right:5px;
}
/* h1 */
div.header-inline h1{
	width:513px;
	height:34px;
	position:absolute;
	top:148px;
	left:3px;
}


/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content{
	width:100%;
	margin:30px auto 0 auto;
	text-align:left;
}
/* p.lead */
#Content dl.lead,
#Content div.lead{
	width:734px;
	margin:0 auto 0 auto;
}
#Content dl.lead dt{
	margin-bottom:8px;
	font-weight:bold;
}
#Content dl.lead dd p,
#Content div.lead p{
	padding-bottom:20px;
}



/* anchor
---------------------*/
#Content ul.anchor{
	width:756px;
	overflow:hidden;
	margin:5px auto 15px auto;
}
#Content ul.anchor li{
	width:236px;
	float:left;
	display:inline;
	margin:0 8px 10px 8px;
}


/*-------------------------------------
Safety
---------------------------------------*/
#Content #Info{
	width:748px;
	margin:0 auto 25px auto;
	background:url("../images/info_bg.gif") repeat-y 0 0;
}
#Content #Info div.info-outline{
	width:748px;
	padding:4px 0 0 0;
	background:url("../images/info_bg_top.gif") no-repeat 0 0;
}
#Content #Info div.info-outline div.info-inline{
	width:734px;
	padding:0 7px 7px 7px;
	background:url("../images/info_bg_bottom.gif") no-repeat 0 100%;
}
#Content #Info h2{
	width:100%;
	height:36px;
	line-height:36px;
	text-indent:20px;
	color:#FFF;
	font-weight:bold;
	font-size:114%;
}
#Content #Info p{
	padding:20px 20px;
	color:#FF0000;
	font-weight:bold;
}


/*-------------------------------------
section
---------------------------------------*/
#Content div.section{
	width:748px;
	margin:0 auto 0 auto;
	background:url("../images/section_bg.gif") repeat-y 0 0;
}
#Content div.section div.section-outline{
	width:748px;
	padding:4px 0 0 0;
	background:url("../images/section_bg_top.gif") no-repeat 0 0;
}
#Content div.section div.section-outline div.section-inline{
	width:734px;
	padding:0 7px 6px 7px;
	background:url("../images/section_bg_bottom.gif") no-repeat 0 100%;
}
#Content div.section h3{
	width:740px;
	height:36px;
	line-height:36px;
	text-indent:20px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:114%;
}
#Content div.section div.section-inside{
	padding:20px 17px 20px;
}
#Content div.section ul.bnr-list{
	width:100%;
	margin:12px 0 15px;
	padding:15px 0 10px;
	background:#E8EFF7;
	text-align:center;
}
#Content div.section ul.bnr-list li{
	display:inline;
	padding:0 7px;
}
#Content div.section div.dot-box{
	width:700px;
	background:url("../images/bg_adobe.gif") repeat-y 0 0;
	margin-top:15px;
}
#Content div.section div.dot-box-outline{
	width:700px;
	background:url("../images/bg_adobe_top.gif") no-repeat 0 0;
}
#Content div.section div.dot-box-inline{
	width:660px;
	padding:20px 20px 17px;
	background:url("../images/bg_adobe_bottom.gif") no-repeat 0 100%;
}
#Content div.section div.bnr-reader p{
	margin:0 0 3px;
	font-size:84%;
}
#Content div.section div.bnr-reader p.img{
	float:right;
	margin:0 0 10px 20px;
}
#Content div.section p.term{
	margin:15px 0 20px;
	padding:25px 0 20px;
	border:1px solid #FCEAB4;
	background:#FFFFDF;
	text-align:center;
	font-size:117%;
	font-weight:bold;
}
#Content div.section ul.num-list li{
	padding:0 0 10px 26px;
}
#Content div.section ul.num-list li.em{
	text-decoration:underline;
}
#Content div.section ul.num-list li.num1{
	background:url("../images/bg_num01.gif") no-repeat 0 0;
}
#Content div.section ul.num-list li.num2{
	background:url("../images/bg_num02.gif") no-repeat 0 0;
}
#Content div.section ul.num-list li.num3{
	background:url("../images/bg_num03.gif") no-repeat 0 0;
}
#Content div.section ul.num-list li.num4{
	background:url("../images/bg_num04.gif") no-repeat 0 0;
}
#Content div.section ul.num-list li.num5{
	background:url("../images/bg_num05.gif") no-repeat 0 0;
}
#Content div.section ul.num-list li.num6{
	background:url("../images/bg_num06.gif") no-repeat 0 0;
}
#Content div.section ul.num-list li ul li{
	padding:3px 0 0 0;
}
#Content div.section h4{
	padding:0 0 0 15px;
	color:#33549F;
	font-weight:bold;
	background:url("../images/bg_titlebar.gif") no-repeat 0 0;
}
#Content div.section ul.item-list{
	margin:7px 0 25px;
	padding:9px 0 0;
	background:url("../images/bg_line_dot.gif") repeat-x 0 0;
}
#Content div.section ul.item-list li{
	margin:0 0 2px;
}
#Content div.section p.em{
	margin:0 0 25px;
	color:#FF0000;
	font-weight:bold;
	text-decoration:underline;
}

.fBold {
	font-weight:bold;
}

#Content .listpagetop{
	width:748px;
	margin:20px auto;
}

/*
 tablet
----------------------------------------------------------- */
@media screen and (max-width : 768px){
/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content{
	width:auto !important;
	margin-bottom:60px;
}

}

/*
 smart
----------------------------------------------------------- */
@media screen and (max-width : 640px){

/*-----------------------------------------------------
header
-------------------------------------------------------*/
header {
	width:auto;
}

div.header-inline{
	width:auto;
	margin-left:0;
	margin-right:0;
	height:180px;

}

/* logo */
div.header-inline p.logo{
	width:168px;
	height:28px;
	position:absolute;
	top:38px;
	left:2px;
}


/* h1 */
div.header-inline h1{
	width: auto;
	height: auto;
	position:absolute;
	top:140px;
	left:2%;
}

div.header-inline p.logo img,
div.header-inline p.team img,
div.header-inline h1 img {
	width:99%;
}




/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content{
	width:auto !important;
	margin-top:3%;
	font-size:95%;
}
/* p.lead */
#Content dl.lead,
#Content div.lead{
	width:auto;
	margin:0 3%;
}

/* anchor
---------------------*/
#Content ul.anchor{
	display:none;
	/*width:96%;
	margin-bottom:5px;
	margin-left:3%;*/
}

/*
#Content ul.anchor li{
	width:32%;
	float:left;
	display:inline;
	margin:0 1% 0 0;
}
*/


/*-------------------------------------
section
---------------------------------------*/
#Content div.section,
#Content #Info{
	width:98%;
	margin-left:1%;
	margin-right:1%;
	background-image:none;
}
#Content div.section div.section-outline,
#Content #Info div.info-outline{
	width:auto;
	background-image:none;
}
#Content div.section div.section-outline div.section-inline,
#Content #Info div.info-outline div.info-inline{
	width:98%;
	background-color:#fff;
	background-image:none;
	padding:0;
	margin:0 auto;
}

#Content #Info div.info-outline div.info-inline{
	background-color:#ffffdf;
}

#Content div.section h3,
#Content #Info h2{
	width:auto;
	background-color: #467cd4;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	padding:8px 10px;
	text-indent:0px ;
	height: auto;
	line-height:1.5;
	font-size:100%;
}

#Content #Info h2{
	background-color: #2c539b;

}

#Content .listpagetop{
	width:96%;
	margin:20px auto;
}

#Content div.section ul.bnr-list{
	width: auto;
	margin:0;
	padding:0;
	background:none;
	text-align:center;
	margin-top:15px;
}

#Content div.section ul.bnr-list li{
	display:inline;
	padding:0;
}

/*-------------------------------------
2011.html
---------------------------------------*/
#Content div.section div.dot-box{
	width:auto;
	background-image:none;
	border:1px dotted #ccc;

}
#Content div.section div.dot-box-outline{
	width:auto;
	background-image:none;
}
#Content div.section div.dot-box-inline{
	width:auto;
	background-image:none;
	padding:5px 8px;
}
}