/*------------------------------
			設定内容

共通
ヘッダー
ヘッダーメニュー
左側メニュー
コンテンツ
コンテンツ内部右寄せ
フッター
フォント
サイトマップ
テーブル
背景画像バナー
画像フィルター
クリアフィックス

------------------------------*/


/*------------------------------
			共通
------------------------------*/

* { margin: 0; padding: 0;}

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-align: left;
	color: #000000;
	background: #FFFFFF;
}

a { text-decoration: none;}
a:link { color: #000066;}
a:visited { color: #000066;}
a:hover { color: #F20000;}
a:active { color: #F20000;}

h1,h2,h3,h4,h5,p {
	margin: 0;
	padding: 0;
}

img { border: none;}

.clear { clear: both; height: 0;}

.bo01 { border: 1px solid #CCCCCC;}

/*------------------------------
			ヘッダー
------------------------------*/

#header {
	width: 835px;
	height: 176px;
	margin-bottom: 10px;
}

#header .seo h1 {
	width: 835px;
	padding: 3px 0 3px 3px;
	background: #1a9f00;
	font-size: 11px;
	color: #FFFFFF;
}

#header .seo h1 a {
	text-decoration: none;
	color: #FFFFFF;
}

/*------------------------------
			ロゴ
------------------------------*/

#header .logo {
	width: 250px;
	height: 100px;
	margin-top: 5px;
	float: left;
}

/*------------------------------
		トップナビ
------------------------------*/

#nav_top_box {
	width: 535px;
	margin-top: 5px;
	float: right;
}

.nav_top1 {
	margin-bottom: 5px;
	text-align: right;
}

.nav_top2 {
	margin-bottom: 2px;
	text-align: right;
}

.nav_top3 {
	margin-bottom: 2px;
	text-align: right;
}

.nav_top4 {
	text-align: right;
}

/*------------------------------
		ヘッダーメニュー
------------------------------*/

#header .top_menu {
	width: 835px;
	height: 30px;
	margin-top: 6px;
	border-bottom: 1px solid #999999;
	background: #1a9f00 url(http://www.01security.net/design/digitalmax/v3/img/menu_bg_01.gif) right bottom no-repeat;
}

#header .top_menu ul {
	width: 830px;
	list-style: none;
	margin:0;
	padding:0;
}

#header .top_menu ul li {
	float: left;
}

/*------------------------------
		左側メニュー
------------------------------*/

#left_menu {
	width: 200px;
	font-size: 12px;
	margin-left: 5px;
}

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

#left_menu ul li.recommend {
	margin-top:3px;
	line-height:0;
}

#left_menu ul li.nav {
	width: 200px;
}

#left_menu ul li.nav a {
	height: 30px;
	font-weight: bold;
	text-decoration: none;
	line-height: 30px;
}

#left_menu ul li.nav a:link, #left_menu ul li.nav a:visited {
	display: block;
	color: #000066;
	padding-left: 20px;
	background: url(http://www.01security.net/design/digitalmax/v3/img/l_menu_bg_01.gif) 0 0 no-repeat;
}

#left_menu ul li.nav a:hover, #left_menu ul li.nav a:active {
	color: #F20000;
	padding-left: 20px;
	background: url(http://www.01security.net/design/digitalmax/v3/img/l_menu_bg_01.gif) -200px 0 no-repeat;
}

/*------------------------------
		　コンテンツ
------------------------------*/

#contents {
	width: 620px;
	margin-left: 5px;
	float: left;	
}

/*------------------------------
	  コンテンツ内部右寄せ
------------------------------*/

#contents_in {
	width: 610px;
	float: right;
}

/*------------------------------
			フッター
------------------------------*/

#footer {
	width: 830px;
	border-top: 1px solid #666666;
}

.footer_ban {
	width: 200px;
	float: left;
}

.footer_ban img {
	margin-top: 2px;
}

.footer_nav {
	width: 600px;
	font-size: 11px;
	text-align: right;
	line-height: 20px;
	float: right;
}

#footer h3 {
	font-size: 11px;
	font-weight: bold;
}

/*------------------------------
		 	フォント
------------------------------*/

.font_b {  font-weight: bold;}

.font_01 a { font-size: 12px; line-height: 22px;}/* Top「目的別オススメ」に使用 */
.font_01 a:link, .font_01 a:visited { color: #464646;}
.font_01 a:hover, .font_01 a:active { color: #CCCCCC;}

.font_02 a { font-size: 12px; color: #464646; line-height: 18px;}/* Top「目的別オススメ」に使用 */
.font_02 a:link, .font_02 a:visited { color: #464646;}
.font_02 a:hover, .font_02 a:active { color: #CCCCCC;}

.font_c01 { color: red; font-weight: bold;}

/*------------------------------
		 	行間
------------------------------*/

.gyou01 { line-height: 190%;}




/*------------------------------
		 サイトマップ
------------------------------*/

.smap { line-height: 220%;}

.smap dl { line-height: 220%;}

.smap dt {
	padding-left: 18px;
	background: url(http://digitalmax.img1.jp/inpage/brand_dot.gif) left center no-repeat;
}


.smap dd {
	margin-left: 15px;
	padding-left: 20px;
	background: url(http://digitalmax.img1.jp/inpage/brand_mcode_dot1.gif) left center no-repeat;
}

/*------------------------------
		 	テーブル
------------------------------*/

.bg_color_01 { border: 1px solid #000000;}
.bg_color_02 { background: #E8E8E8;}
.bg_color_03 { background: #000000; color: #FFFFFF; font-weight: bold;}

/*------------------------------
		 背景画像バナー
------------------------------*/

.bar_01 {
	width: 610px;
	clear: both;
	background: #000000;
}

.bar_01 p {
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 0 5px 10px;
}

/*------------------------------
		 画像フィルター
------------------------------*/

a.alpha_01 img {
	opacity: 1;
	filter: Alpha(opacity=100); /* IE用 */
}

a:visited.alpha_01 img {
	opacity: 1;
	filter: Alpha(opacity=100); /* IE用 */
}

a:hover.alpha_01 img, a:active.alpha_01 img {
	opacity: 0.8;
	filter: Alpha(opacity=80); /* IE用 */
}







.s_midasi01 {
	padding-left: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 160%;
	border-left: 8px solid orange;
}

.s_midasi02 {
	padding-left: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 160%;
	border-left: 8px solid #589614;
}

.s_midasi03 {
	padding-left: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 160%;
	border-left: 8px solid #84b73d;
}


/*------------------------------
		 クリアフィックス
------------------------------*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */