@charset "shift-jis";
/* CSS Document */
/********************************************************* 
                        基本設定
**********************************************************/
* {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}
body {
	margin: 0 auto;
	padding: 0;
	color: #666;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	background: url(image/bg.jpg) repeat-y #eee center;
}
a{
	color: #069;
}
a:hover {
	color: #F90;
}
a img {
    border-style: none;
}
.clear_fix {
	clear: both;
	line-height: 0px;
}

/*********************************************************
                        テキスト設定
**********************************************************/
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}

/*********************************************************
                        フォント設定
**********************************************************/
.bold {
	font-weight: bold;
}
.small {
	font-size: 10px;
}

/*********************************************************
                     テンプレート設定
**********************************************************/
#conteiner {
	width: 750px;
	margin: 0 auto;
	text-align: left;
}
#header {
	width: 750px;
	height: 62px;
	border-top: 3px solid #066;
}
#hed_l {
	width: 200px;
	height: 28px;
	margin-top: 7px;
	float: left;
}
#hed_r {
	width: 550px;
	height: 28px;
	margin-top: 7px;
	float: left;
	text-align: right;
	line-height:120%;
}
#logo {
	width: 750px;
	height: 20px;
	clear: both;
}
#topimg {
	width: 750px;
	height: 80px;
	margin-bottom: 20px;
}
#side {
	width: 190px;
	float: left;
}
#side img {
	margin-bottom: 1px;
}
#category {
	width: 190px;
	margin-bottom: 10px;
}
#category div {
	width: 190px;
	height: 31px;
	margin-bottom: 1px;
	line-height: 12px;
	background: url(image/navi_bg.gif) no-repeat;
}
#category a {
	display: block;
	padding: 9px 15px 8px 18px;
	color: #666;
	text-decoration: none;
}
#category a:hover {
	padding: 9px 15px 8px 10px;
}
#pr {
	width: 190px;
	margin-bottom: 30px;
}
.prsite {
	width: 180px;
	padding: 5px;
	line-height: 120%;
}
#pr p {
	line-height:18px;
}

/*********************************************************
                      コンテンツ設定
**********************************************************/
#main {
	width: 520px;
	float: left;
	margin-left: 30px;
	padding-bottom: 30px;
	line-height: 150%;
}
#main h1 {
	width: 500px;
	margin-bottom: 10px;
	padding: 7px 10px;
	border: 1px solid #066;
	color: #066;
	line-height: 14px;
}

/** リファレンス一覧リスト設定 **/
#index_list {
	width: 500px;
	margin-left: 10px;
	line-height: 180%;
}
#index_list ul {
	list-style-type: none;
}
#index_list li {
	width: 33%;
	float: left;
	color: #069;
}

/** 2階層目のリスト設定 **/
.ref_list {
	width: 500px;
	margin-left: 10px;
	line-height: 180%;
}
.ref_list1 {
	width: 30%;
	float: left;
	color: #069;
}
.ref_list2 {
	width: 70%;
	float: left;
}

/** 3階層目の概要設定 **/
#outline {
	width: 490px;
	margin-left: 10px;
	margin-bottom: 15px;
	padding: 5px 10px;
	color: #066;
	background-color: #EEFFFF;
}

/** 3階層目の解説設定 **/
#kaisetsu {
	width: 490px;
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 2px 0;
	border-bottom: 2px solid #ccc;
	color: #333;
}
.main_text {
	width: 470px;
	margin-left: 10px;
	margin-bottom: 15px;
	padding: 0 10px;
}
#footer {
	width: 750px;
	height: 50px;
	clear: both;
}

/**--ナビゲーションの色指定--**/
#category .ctg1 a:hover {
	border-left: 8px solid #f90;
	color: #f90;
}
#category .ctg2 a:hover {
	border-left: 8px solid #036;
	color: #036;
}
#category .ctg3 a:hover {
	border-left: 8px solid #eb6014;
	color: #eb6014;
}
#category .ctg4 a:hover {
	border-left: 8px solid #ff5151;
	color: #ff5151;
}
#category .ctg5 a {
	padding: 9px 15px 8px 10px;
	border-left: 8px solid #336;
} 
#category .ctg5 a:hover {
	border-left: 8px solid #336;
	color: #336;
}
#category .ctg6 a:hover {
	border-left: 8px solid #066;
	color: #066;
}
#category .ctg7 a:hover {
	border-left: 8px solid #c68100;
	color: #c68100;
}
#category .ctg8 a:hover {
	border-left: 8px solid #360;
	color: #360;
}
#category .ctg9 a:hover {
	border-left: 8px solid #06c;
	color: #06c;
}
#category .ctg10 a:hover {
	border-left: 8px solid #990;
	color: #990;
}
#category .ctg11 a:hover {
	border-left: 8px solid #c63;
	color: #c63;
}

#linkarea {
	margin:20px 15px 0px 15px;
	border:1px solid #CCCCCC;
}
#pickup {
	border-bottom:1px solid #CCCCCC;
	margin:10px 15px 15px 15px;
}
#pickup_title {
	font-size:10px;
	line-height:16px;
}
#pickup_cont {
	margin:5px 15px;
	width:210px;
	height:50px;
	float:left;
	overflow:hidden;
}