@charset "utf-8";
/*---------------------------------------
　bodyの内容
---------------------------------------*/
body {
	margin:0px;
	padding:0px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial;
	background-color:#FFFFFF;
	color:#000000;
	}


/*---------------------------------------
　基本の0px指定
---------------------------------------*/
h1,h2,ol,ul,li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}

h3,h4,h5,h6 {
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-weight:normal;
	}

dl,dt,dd {
	list-style-type:none;
	margin:0px;
	padding:0px;
	}

p {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}

img { border:none;}

/*---------------------------------------
　リンクカラー
---------------------------------------*/
/* 通常リンクカラー */
a:link {
	color: #556db5;
	text-decoration:underline;
	}

a:visited {
	color: #556db5;
	text-decoration:underline;
	}
	
a:hover {
	color: #999999;
	text-decoration:none;
	}

/* フッターメニューリンク */
a:link.footer_link{
	color: #FFFFFF;
	text-decoration:none;
	}

a:visited.footer_link{
	color: #FFFFFF;
	text-decoration:none;
	}
	
a:hover.footer_link{
	color:#000099;
	text-decoration:none;
	}

/* BIZandITリンク */
a:link.bi_link{
	color: #999999;
	text-decoration:none;
	}

a:visited.bi_link{
	color: #999999;
	text-decoration:none;
	}
	
a:hover.bi_link{
	color: #CCCCCC;
	text-decoration:none;
	}

/* キーワードリンク */
a:link.key_link1{
	color: #999999;
	font-weight:bold;
	text-decoration:none;
	}

a:visited.key_link1{
	color: #999999;
	font-weight:bold;
	text-decoration:none;
	}
	
a:hover.key_link1{
	color: #CCCCCC;
	text-decoration:none;
	font-weight:bold;
	}

a:link.key_link2{
	color: #556db5;
	font-weight:bold;
	text-decoration:none;
	}

a:visited.key_link2{
	color: #556db5;
	font-weight:bold;
	text-decoration:none;
	}
	
a:hover.key_link2{
	color: #999999;
	text-decoration:none;
	font-weight:bold;
	}

/*---------------------------------------
　レイアウト
---------------------------------------*/
/* 上部青い帯 */
div#blue_main {
	width:100%;
	background-color:#556db5;
	}

.blue_txt {
	width:790px;
	margin:0 auto;
	padding:5px 10px 5px 0px;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	text-align:right;
	color:#FFFFFF;
	font-size:70%;
	}

/* メイン */
div#body_box {
	width:100%;
	background:url(../images/bg_main.gif) repeat-y center;
	}

div#body_main {
	width:800px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	}

div#header {
	widows:800px;
	}

div#contents {
	width:770px;
	padding:13px 15px 0px 15px;
	}

/* フッター */
div#footer {
	width:800px;
	margin-bottom:30px;
	}

.footer_main {
	width:766px;
	padding:6px 17px 6px 17px;
	background-color:#556db5;
	color:#FFFFFF;
	font-size:70%;
	}
	
.footer_main_left {
	width:566px;
	float:left;
	}

.footer_main_right {
	width:200px;
	float:right;
	}

#footer .footer_box {
	width:766px;
	padding:10px 17px;
	background-color:#f5f5f5;
	}

.footer_biz {
	width:766px;
	padding-bottom:8px;
	border-bottom:solid 1px #FFFFFF;
	font-size:70%;
	color:#999999;
	line-height:130%;
	}

.footer_it {
	width:766px;
	padding-top:8px;
	border-top:solid 1px #CCCCCC;
	font-size:70%;
	color:#999999;
	line-height:130%;
	}

.footer_copyright {
	width:766px;
	padding:10px 17px 0px 17px;
	text-align:right;
	font-size:80%;
	}

#footer_keyword01 {
	width:746px;
	margin:10px 17px;
	padding:10px;
	border:solid 1px #CCCCCC;
	}

#footer_keyword02 {
	width:746px;
	margin:10px 17px 0px 17px;
	padding:10px;
	border:solid 1px #CCCCCC;
	}

.keyword02_title {
	width:746px;
	margin-bottom:7px;
	padding-bottom:7px;
	border-bottom:dotted 1px #CCCCCC;
	font-weight:bold;
	font-size:70%;
	}


/*---------------------------------------
　メニューリンク
---------------------------------------*/
/* BIZandITトレンド */
.bizit_menu {
	width:766px;
	color:#999999;
	}

.bizit_menu li {
	margin-right:5px;
	padding-left:5px;
	border-left:solid 1px #999999;
	list-style-type:none;
	display:inline;
	}

.bizit_menu li.none {
	padding-right:5px;
	border-left:none;
	}

/* メインフッター */
.footer_menu {
	width:566px;
	color:#FFFFFF;
	padding-top:12px;
	}

.footer_menu li {
	margin-right:5px;
	padding-left:5px;
	border-left:solid 1px #FFFFFF;
	list-style-type:none;
	display:inline;
	}

.footer_menu li.none {
	padding-right:5px;
	border-left:none;
	}

/* キーワード */
.keyword_menu {
	width:746px;
	font-size:70%;
	line-height:130%;
	}

.keyword_menu li {
	margin-right:9px;
	padding-left:12px;
	background:url(../images/list_dot_gray.gif) no-repeat;
	list-style-type:none;
	display:inline;
	}

/*---------------------------------------
　タイトル
---------------------------------------*/
.title_blue{
	width:753px;
	margin-bottom:8px;
	padding-top:6px;
	padding-left:15px;
	border:solid 1px #CCCCCC;
	background:url(../images/bg_title_blue.jpg) repeat-x;
	line-height:32px;
	font-size:90%;
	}

.title_gray_small{
	width:363px;
	margin-bottom:3px;
	padding-top:6px;
	padding-left:15px;
	border:solid 1px #CCCCCC;
	background:url(../images/bg_title_gray.jpg) repeat-x;
	line-height:32px;
	font-size:90%;
	}

/*---------------------------------------
　テキスト
---------------------------------------*/
.txt_small {
	padding-bottom:15px;
	font-size:70%;
	line-height:120%;
	}

.txt_mid {
	padding:0px 10px 15px 10px;
	font-size:80%;
	line-height:120%;
	}


/*---------------------------------------
　フロートボックス
---------------------------------------*/
.left_box {
	width:380px;
	float:left;
	}

.right_box {
	width:380px;
	float:right;
	}

/*---------------------------------------
　カテゴリーエリア
---------------------------------------*/
.category {
	width:770px;
	padding-bottom:30px;
	}
	
/*---------------------------------------
　注目カテゴリー
---------------------------------------*/
.attention_box {
	770px;
	}

.attention_box li {
	height:125px;
	float:left;
	padding-right:10px;
	list-style-type:none;
	text-indent:-9999em;
	}
	
.attention_box li.a_end{
	height:125px;
	float:left;
	padding-right:0px;
	list-style-type:none;
	text-indent:-9999em;
	}

/* カテゴリー01 */
.attention_box li a.category01       { background:url(../images/1.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category01 { background-image:url(../images/1s.jpg);}
.attention_box li a.category02       { background:url(../images/2.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category02 { background-image:url(../images/2s.jpg);}
.attention_box li a.category03       { background:url(../images/3.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category03 { background-image:url(../images/3s.jpg);}
.attention_box li a.category04       { background:url(../images/4.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category04 { background-image:url(../images/4s.jpg);}
.attention_box li a.category05       { background:url(../images/5.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category05 { background-image:url(../images/5s.jpg);}
.attention_box li a.category06       { background:url(../images/6.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category06 { background-image:url(../images/6s.jpg);}
.attention_box li a.category07       { background:url(../images/7.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category07 { background-image:url(../images/7s.jpg);}
.attention_box li a.category08       { background:url(../images/8.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category08 { background-image:url(../images/8s.jpg);}
.attention_box li a.category09       { background:url(../images/9.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category09 { background-image:url(../images/9s.jpg);}
.attention_box li a.category10       { background:url(../images/10.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category10 { background-image:url(../images/10s.jpg);}
.attention_box li a.category11       { background:url(../images/11.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category11 { background-image:url(../images/11s.jpg);}
.attention_box li a.category12       { background:url(../images/12.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category12 { background-image:url(../images/12s.jpg);}
.attention_box li a.category13       { background:url(../images/13.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category13 { background-image:url(../images/13s.jpg);}
.attention_box li a.category14       { background:url(../images/14.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category14 { background-image:url(../images/14s.jpg);}
.attention_box li a.category15       { background:url(../images/15.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category15 { background-image:url(../images/15s.jpg);}
.attention_box li a.category16       { background:url(../images/16.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category16 { background-image:url(../images/16s.jpg);}
.attention_box li a.category17       { background:url(../images/17.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category17 { background-image:url(../images/17s.jpg);}
.attention_box li a.category18       { background:url(../images/18.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category18 { background-image:url(../images/18s.jpg);}
.attention_box li a.category19       { background:url(../images/19.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category19 { background-image:url(../images/19s.jpg);}
.attention_box li a.category20       { background:url(../images/20.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category20 { background-image:url(../images/20s.jpg);}
.attention_box li a.category21       { background:url(../images/21.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category21 { background-image:url(../images/21s.jpg);}
.attention_box li a.category22       { background:url(../images/22.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category22 { background-image:url(../images/22s.jpg);}
.attention_box li a.category23       { background:url(../images/23.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category23 { background-image:url(../images/23s.jpg);}
.attention_box li a.category24       { background:url(../images/24.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category24 { background-image:url(../images/24s.jpg);}
.attention_box li a.category25       { background:url(../images/25.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.category25 { background-image:url(../images/25s.jpg);}
.attention_box li a.categoryweb      { background:url(../images/web.jpg) no-repeat; display:block; width:185px; height:113px; }
.attention_box li a:hover.categoryweb{ background-image:url(../images/webs.jpg);}


/*---------------------------------------
　その他のカテゴリー
---------------------------------------*/
.others_list {
	width:167px;
	float:left;
	margin-left:18px;
	padding-right:10px;
	font-size:80%;
	}

.others_list li {
	padding-left:13px;
	background:url(../images/list_dot_blue.gif) no-repeat;
	list-style-type:none;
	padding-bottom:12px;
	}

.others_list2 {
	width:165px;
	float:right;
	font-size:80%;
	}

.others_list2 li {
	padding-left:13px;
	background:url(../images/list_dot_blue.gif) no-repeat;
	list-style-type:none;
	padding-bottom:12px;
	}


/*---------------------------------------
　ヘッダー
---------------------------------------*/
.header_img {
	width:800px;
	}

.header_title {
	width:586px;
	padding:9px 0px 8px 14px;
	float:left;
	}

.header_ad {
	width:190px;
	float:right;
	padding-top:25px;
	padding-right:10px;
	text-align:right;
	}