/***********************************************/
/* CSS file For  */
/* FileName: style.css                         */
/* lastupdata:2010/4/23                      */
/***********************************************/
/*
■目次 ==========================================

[01]:ブラウザスタイル初期化
[02]:ページの基本構造
[03]:大枠レイアウト
[04]:ヘッダー
[05]:グローバルナビ
[06]:メイン画像
[07]:書籍エリア
[08]:コンテンツフレーム
[09]:メインコンテンツ
[10]:右サイドメニュー
[11]:フッター
[12]:パンくず 
[13]:メディア履歴

================================================
*/
@import "styles_navi.css";


/* [01]:ブラウザスタイル初期化 */
/* ------------------------------------------------------------------------- */

	html {
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

	h1,h2,h3,h4,h5,h6,p,pre,blockquote,ol,dl,dd {
		margin: 0px;
		padding: 0px;
	}

	img {
		border: none;
		vertical-align: top;
	}

	br {
		letter-spacing: normal;
	}

	form,fieldset {
		margin: 0px;
		padding: 0px;
	}

	fieldset {
		border: none;
	}



/* [02]:ページの基本構造 */
/* ------------------------------------------------------------------------- */

	blockquote {
		padding: 5px;
		font-size: 12px;
		line-height: 18px;
		color: #FC758E;
	}

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

	li {
		border: none;
		vertical-align: top;
		padding: 0px;
		margin: 0px;
	}

	hr {
		color: #CCCCCC;
		height: 1px;
		border: 0px;
	}

	.e9, .e10, .e12, .e14 {
		font-family : "Tahoma","Verdana", "Arial", "sans-serif";
	}

	.j9, .j10, .j12, .j14 {
		font-family: "ＭＳＰ ゴシック", "Osaka", "MS UI Gothic", "sans-serif";
	}

	A:link    {color:#0000FF; text-decoration:underline;}
	A:visited {color:#0000FF; text-decoration:underline;}
	A:hover   {color:#0000FF; text-decoration:underline;}


/* [03]:大枠レイアウト */
/* ------------------------------------------------------------------------- */

	body {

	color:#333;
	font-family: "ＭＳＰ ゴシック", "Osaka", "MS UI Gothic", "sans-serif";
	margin: 0;
	padding: 0;
	background: url(imgs/body_bg.gif) repeat;
	}

	#container {
	width: 915px;
	margin: 0 auto;
	background-image: url(imgs/container_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
	}

	#container_in {
	width: 900px;
	margin: 0 auto 0 12px;
	text-align: left;

	}


/* [04]:ヘッダー */
/* ------------------------------------------------------------------------- */
	#header_area {
	height:80px;
	background: url(imgs/header_area_bg.jpg) repeat-y center;
	text-align: justify;
	margin-right: 5px;
	margin-left: 5px;
	}
	

	#header_area_left{
	float: left;
	padding-top: 10px;
	padding-left: 0px;
	}

	#header_area_right{
	float: right;
	padding-top: 10px;
	text-align: right;
	padding-right: 5px;
	}
	
	#header_area_right p{
	font-size: 10px;
	line-height: 150%;
	color: #333333;
	}


/* [05]:グローバルナビ */
/* ------------------------------------------------------------------------- */
　#gn_area {
	width: 900px;
	height: 44px;
}
#gn_area ul {

}

#gn_area li {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 44px;
}

/* [06]:メイン画像*/
/* ------------------------------------------------------------------------- */

#topimg_area {padding: 5px;

}

#topimg_area_left {
	width: 640px;
	float: left;
}


#topimg_area_right {
	width: 246px;
float: right;

}

/* [07]:書籍エリア*/
/* ------------------------------------------------------------------------- */

#books_area {
	background: url(imgs/top_book_bg.jpg) repeat;
	height: 129px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;

}
#books_area td{
padding: 6px 3px 3px 10px;

}
#books_area p{
	font-size: 10px;
	line-height: 150%;

}


/* [08]:コンテンツフレーム*/
/* ------------------------------------------------------------------------- */

#wrapper{
	text-align: left;
	clear : both
}

#left_area{
	width: 625px;
	float: left;
}

#right_area{
	width: 265px;
	float: right;
}
#right_area_in{
	padding: 5px;
}




/* [09]:メインコンテンツ*/
/* ------------------------------------------------------------------------- */
	#main_entry {
		padding:0px 10px 10px 15px;
	}

	#main_entry h1,h2{
	font-size: 90%;
	line-height: 150%;
	background: url(imgs/entry_title_bar.jpg) no-repeat;
	padding-top: 13px;
	padding-left: 40px;
	padding-bottom: 15px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 10px;
	}
	#main_entry h3,h4{
	font-size: 90%;
	line-height: 150%;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 15px;
	font-weight: bold;

	}

	#main_entry p{
	font-size: 90%;
	line-height: 160%;
	color: #000000;
	padding-left: 20px;
	padding-right: 25px;
	}
	#main_entry li{
	font-size: 90%;
	line-height: 160%;
	color: #000000;
	padding-left: 20px;
	padding-right: 25px;
	}
#main_entry img{
	margin-right: 10px;
	}

/* [10]:右サイドメニュー*/
/* ------------------------------------------------------------------------- */
	
	.right_menu_body {
	background: url(imgs/side_body.jpg) repeat-y center;
	width: 246px;
	margin-top: 0px;
	margin-bottom: 10px;
	}
	.right_menu_body p{
	padding: 5px 20px 5px 25px;
	}
	.right_menu_body li{
	padding: 0px 25px 5px 0px;
	list-style: disc outside;
	margin-left: 40px;
	line-height: 130%;
	font-size: 80%;
	}
	.right_menu_head01 {
	background: url(imgs/side_top_topic.jpg) no-repeat center;
	height: 50px;
	width: 246px;
	}
	.right_menu_head02 {
	background: url(imgs/side_top_media.jpg) no-repeat center;
	height: 50px;
	width: 246px;
	}

	.right_menu_head03 {
	background: url(imgs/side_top_download.jpg) no-repeat center;
	height: 50px;
	width: 246px;
	}

	.right_menu_head04 {
	background: url(imgs/side_top_pro.jpg) no-repeat center;
	height: 50px;
	width: 246px;
	}
	.right_menu_head05 {
	background: url(imgs/side_top_consul.jpg) no-repeat center;
	height: 50px;
	width: 246px;
	}
	.right_menu_foot {
	background: url(imgs/side_bottom.jpg) no-repeat bottom;
	margin: 0px;
	padding: 0px;
	height: 13px;
	width: 246px;
	}



/* [11]:フッター */
/* ------------------------------------------------------------------------- */
	#footer_bar {
	background: url(imgs/footer_bar.jpg);
	height: 50px;
	width: 898px;

 	}
	#footer {
		width: 100%;		/* IE5.5-6.0対策 */
		padding-top:5px;
		text-align:center;
		clear : both
 	}
	#footer_wrapper {
	padding: 10px 10px 10px 20px;
	background: ;
 	}

	.footer_menu {
	float: left;
	width: 200px;
	text-align: left;
	margin-bottom: 15px;
 	}
	.footer_title {
	font-size: 80%;
	font-weight: bold;
	color: #CC0000;
	padding-bottom: 5px;

 	}
	#footer ul{

 	}
	#footer li{
	font-size: 80%;
	line-height: 160%;
	padding-left: 2px;
 	}
	#footer_link {
		background-color: #F1F1F1;
		padding-top:10px;
		padding-bottom:10px;
	}

	#footer_TXT {
		padding-top:10px;
		padding-bottom:10px;
	}
	#copyright{
	font-size: 10px;
	line-height: normal;
	text-align: center;
	padding: 15px 10px 10px;
	background: url(imgs/footer_bar2.jpg) no-repeat top;
 	}

/* [12]:パンくず */
/* ------------------------------------------------------------------------- */
	#topicpath {
		font-size: 100%;
		line-height: 150%;
		padding: 10px 10px 5px 20px;
	}

　.midashi {
	padding: 7px 20px 7px 430px;
	text-align: right;
	}
	
	
/* [13]:メディアクリップ*/
/* ------------------------------------------------------------------------- */

#media_box {
	float: left;
	width: 600px;
	margin: 0px;
	padding: 0px;

	}
#media_box .media_imgs{
	padding: 10px;
	float: left;
	height: 200px;
	}
	
#media_box .media_txt {
	padding: 5px;
	float: left;
	width:400px;
	font-size: 90%;
	line-height: 140%;
	}