@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 {
	display:block;
	width:185px;
	height:113px;
	background:url(../images/category_img01.jpg) no-repeat;
	}

.attention_box li a:hover.category01{
	background-image:url(../images/category_img01_over.jpg);
	}

/* カテゴリー02 */
.attention_box li a.category02 {
	display:block;
	width:185px;
	height:113px;
	background:url(../images/category_img02.jpg) no-repeat;
	}

.attention_box li a:hover.category02{
	background-image:url(../images/category_img02_over.jpg);
	}

/* カテゴリー03 */
.attention_box li a.category03 {
	display:block;
	width:185px;
	height:113px;
	background:url(../images/category_img03.jpg) no-repeat;
	}

.attention_box li a:hover.category03{
	background-image:url(../images/category_img03_over.jpg);
	}

/* カテゴリー04 */
.attention_box li a.category04 {
	display:block;
	width:185px;
	height:113px;
	background:url(../images/category_img04.jpg) no-repeat;
	}

.attention_box li a:hover.category04{
	background-image:url(../images/category_img04_over.jpg);
	}

/* カテゴリー05 */
.attention_box li a.category05 {
	display:block;
	width:185px;
	height:113px;
	background:url(../images/category_img05.jpg) no-repeat;
	}

.attention_box li a:hover.category05{
	background-image:url(../images/category_img05_over.jpg);
	}

/* カテゴリー06 */
.attention_box li a.category06 {
	display:block;
	width:185px;
	height:113px;
	background:url(../images/category_img06.jpg) no-repeat;
	}

.attention_box li a:hover.category06{
	background-image:url(../images/category_img06_over.jpg);
	}

/* カテゴリー07 */
.attention_box li a.category07 {
	display:block;
	width:185px;
	height:113px;
	background:url(../images/category_img07.jpg) no-repeat;
	}

.attention_box li a:hover.category07{
	background-image:url(../images/category_img07_over.jpg);
	}

/* カテゴリー08 */
.attention_box li a.category08 {
	display:block;
	width:185px;
	height:113px;
	background:url(../images/category_img08.jpg) no-repeat;
	}

.attention_box li a:hover.category08{
	background-image:url(../images/category_img08_over.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;
	}