@charset "shift_jis";
/*===========================================================
化学防護服用基本仕様スタイルシート:base.css
============================================================*/

/* =======================================
▼タグフォーマット
======================================= */
body,form,h1,h2,h3,h4,h5,h6,p,ul,li,input,dl,dt,dd{
margin:0;
padding:0;
}

body{
font-size:12px;
line-height: 18px;
color: #666666;
}

.none{
display:none;
}

/* =======================================
▼テキストフォーマット
======================================= */
.bold{
font-weight:bold;
}

.normal{
font-weight:normal;
}

.big{
font-size:13px;
line-height:130%;
}

.small{
font-size:11px;
line-height:130%;
}

.xsmall{
font-size:10px;
line-height:100%;
}

.red {
color:#B52527;
}

.blue {
color:#053365;
}

.gray {
color:#333333;
}

a:link,a:visited {
color:#053365;
}
a:hover,a:active	{
color:#F36E25;
}


/* =======================================
▼ヘッダー
======================================= */
#header{
	color:#888888;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 0.8px;
	margin-top: 5px;
}

#header_btn{
width:241px;
}

#header_btn li{
float:left;
list-style:none;
}

#header_btn a{
display:block;
height:23px;
}

.header_btn01{
width:125px;
height:23px;
background-image:url(../../../material/images/protect/common/header_btn_01.gif);
background-repeat:no-repeat;
}
.header_btn02{
width:66px;
height:23px;
background-image:url(../../../material/images/protect/common/header_btn_02.gif);
background-repeat:no-repeat;
}
.header_btn03{
width:50px;
height:23px;
background-image:url(../../../material/images/protect/common/header_btn_03.gif);
background-repeat:no-repeat;
}


/* =======================================
▼フッター
======================================= */
#footer{
width: 768px;
height: 35px;
display:block;
background: url(../../../material/images/protect/common/footer_bg.gif) repeat-x;
text-align: left;
}
#footer_inner{
width: 720px;
margin: 8px 21px 0px 27px;
color: #606060;
font-size: 11px;
}


#footer a:link,
#footer a:visited {
color: #606060;
}
#footer a:hover,
#footer a:active {
color:#F36E25;
}
#footer a.border_none {
text-decoration: none;
}



/* =======================================
▼copyright
======================================= */
#copyright{
width: 720px;
padding: 0px 21px 0px 27px;
color: #606060;
font-size: 11px;
line-height: 26px;
text-align: left;
}



/* =======================================
▼メイン背景設定
======================================= */
#main{
width: 768px;
background: url(../../../material/images/protect/common/main_bg.jpg) repeat-x;
}


/* =======================================
▼左ナビ背景設定
======================================= */
#left{
width: 143px;
background: url(../../../material/images/protect/common/left_bg.jpg) repeat-x 0px 0px #056385;
text-align: left;
vertical-align: top;
}

#lnavi_title a {
color:#008DC4;
font-weight: bold;
margin-left: 4px;
}



/* =======================================
▼右コンテンツ設定
======================================= */
#right{
width: 598px;
padding: 0px 13px 10px 14px;
text-align: left;
vertical-align: top;
}


/* =======================================
▼見出し設定
======================================= */
.stitle{
color: #1E6286;
font-size: 14px;
line-height: 25px;
font-weight: bold;
background: url(../../../material/images/protect/common/stitle_bg.gif) no-repeat;
text-align: left;
}

.title_txt{
color: #1E6286;
font-size: 14px;
line-height: 20px;
font-weight: bold;
text-align: left;
}



/* =======================================
▼テーブルフォーマット
======================================= */
.frametable {
border-top: 1px solid #AEAEAE;
border-left: 1px solid #AEAEAE;
}
.frametable th,
.frametable td{
border-right: 1px solid #AEAEAE;
border-bottom: 1px solid #AEAEAE;
padding: 7px 10px;
}
.frametable th{
font-weight: bold;
color: #FFFFFF;
background-color:#77808F;
white-space: nowrap;
}
.frametable td{
color: #636363;
}
.framenone table{
border-top: none;
border-left: none;
}
.framenone th,
.framenone td{
border-right: none;
border-bottom: none;
padding: 0px;
}



/* =======================================
▼画像回りこみ指定
======================================= */
.img_flr {
float: right;
margin: 0 0 0 10px;
}



/* =======================================
▼ページトップ・前のページへ戻る
======================================= */
.pagenavi {
font-size: 10px;
line-height: 13px;
text-align: right;
}
.pagenavi a:link,
.pagenavi a:visited {
color:#858585;
}
.pagenavi a:hover,
.pagenavi a:active {
color:#F36E25;
}
.pagetop {
background: url(../../../material/images/graphics/common/icon_01.gif) no-repeat 0 0;
padding-left: 10px;
}
.pageback {
background: url(../../../material/images/graphics/common/icon_02.gif) no-repeat 0 0;
padding-left: 10px;
}



/* =======================================
▼080508追加
======================================= */
#todpp {
	margin:9px 0 0 27px;
}
#todpp p {
	padding:0 0 0 15px;
	text-align:left;
	background:url(../../../material/images/protect/top/arrow.gif) left center no-repeat;
}
#todpp a {
	text-decoration:none;
}