@charset "utf-8";

#logo {
	margin-bottom:10px;
}
#flow {
	margin-bottom:10px;
}

/* メインコンテンツ */
#contents-bg {
	background:#f8f8f3;
	padding:5px;
}

/* メインボックス */
#main {
	float:right;
	width:521px;
}

#main .box {
	background:url(../common_img/main-box-bg.gif) repeat-y;
}
#main .box .head {
	display:block;
	background:url(../common_img/main-box-top.gif) no-repeat;
	height:10px;
}
#main .box .inner {
	padding:0px 15px;
}

#main .box .foot {
	display:block;
	background:url(../common_img/main-box-btm.gif) no-repeat;
	height:10px;
}

/* パンくず */
#main #pankuzu {
	font-size:75%;
}
/* 見出しH2 */
#main h2 {
	background:#eaeff7;
	padding:5px 10px;
	border-top:solid 3px #4177d0;
	font-size:18px;
	margin-bottom:20px;
}
#main .text {
	margin:0 15px;
}
#main h3 {
	background:url(../common_img/h3_bg.gif) no-repeat 5px center;
	border-bottom:solid 1px #2157ae;
	padding: 5px 5px 5px 25px;
	margin:20px -13px 10px -13px;
	color:#2157ae;
	font-size:16px;
}
#main h3 a {
	display:block;
	color:#2157ae;
}
#main h3 a:hover {
	color:#FF6600;
}
#main h4 {
	font-size:100%;
	padding:3px;
	background:#E0E9FE;
	margin:20px -10px 10px -10px;
}
#main h5 {
	background:url(../common_img/h5_bg.gif) no-repeat 0px center;
	font-size:100%;
	margin:10px 0px 5px 0px;
	padding-left:15px;
}
#main p {
	line-height:1.5;
	margin-bottom:0.7em;
}
#main ol,
#main ul {
	line-height:1.3;
	margin-bottom:0.7em;
	margin-left:20px;
}

/* BOX */
.pickup {
	padding:10px;
	background:#FFFFCC;
	border:dotted 1px #ccc;
	margin:10px;
}
#main .pickup ul,
#main .pickup ol{
	margin-bottom:0px;
}

#main .pickup-g {
	padding:10px 10px 10px 10px;
	background:#eee;
	border:dotted 1px #ccc;
	margin:10px 5px;
}
#main .pickup-g p {
	margin-bottom:0;
}
#main .pickup-g h5 {
	margin-top:0;
}


#main li {
	margin-bottom:0.3em;
}

/* TIPメニュー */

.tip-menu {
	padding:10px 5px;
	font-size:100%;
	border:solid 1px #ccc;
	text-align:center;
	margin: 0 0 20px 0;
}
.tip-menu a,
.tip-menu strong {
	padding:5px;
}

/* サイドボックス */
#sub {
	float:left;
	width:206px;
}

#sub .box {
	background:url(../common_img/sub-box-bg.gif) repeat-y;
}
#sub .box .inner {
	padding:0px 8px;
}
#sub .box .head {
	display:block;
	background:url(../common_img/sub-box-top.gif) no-repeat;
	height:10px;
}
#sub .box .foot {
	display:block;
	background:url(../common_img/sub-box-btm.gif) no-repeat;
	height:10px;
}

/* サイドメニュー */
#sub .box h2 {
	margin-bottom:8px;
}
#sub .box ul {
	list-style:none;
}

#sub .box li {

}
#sub .box li a {
	display:block;
	background:url(../common_img/smenu_bg_off.gif) no-repeat;
	height:21px;
	margin-bottom:5px;
	padding:6px 0 0 20px;
	font-weight:bold;
	text-decoration:none;
	color:#333;
}
#sub .box li a.taiken {
	background:url(../common_img/smenu_taiken_bg_off.gif) no-repeat;
	height:39px;
}
#sub .box li a:hover {
	color:#f60;
	text-decoration:underline;
}
#sub .box li a.active {
	background:url(../common_img/smenu_bg_on.gif) no-repeat;
}
#sub .box li a.taiken_active {
	background:url(../common_img/smenu_taiken_bg_on.gif) no-repeat;
	height:39px;
}

/* サイドメニュー入れ子 */
#sub .box li ul {
	list-style:disc;
	padding-left:30px;
	margin-bottom:8px;
	width:150px;
}

#sub .box li li a {
	background:#fff;
	height:auto;
	padding:3px;
	display:block;
	margin:0;
	font-weight:normal;
	color:#0033CC;
	text-decoration:underline;
}
#sub .box li li a.active {
	font-weight:bold;
	background:none;
}