﻿@charset "UTF-8";


.container {
	color: #333333;
	width:978px;
	padding-bottom: 10px;
	border-top:2px solid #666666;
}


img{
	border:0;
}

.clear{
	clear:both;
}

/* link  ------------------------------*/
a{
	overflow:hidden;
}

a:link{
	color:#336699;
	text-decoration:underline;
}
a:visited{
	color:#336699;
	text-decoration:underline;
}
a:active{
	color:#0099ff;
	text-decoration:underline;
}
a:hover{
	color:#0099ff;
	text-decoration:none;
}

/* font size  ------------------------------*/
#pankuzu{
	font-size:11px;
}

/* layout  ------------------------------*/
#size{
	float:right;
	width:95px;
}

#pankuzu{
	float:left;
	line-height:120%!important;
}

#mainBlock{
	width:942px;
	padding:18px 18px 0 18px;
	text-align:left;
}


/* mainBlock  ------------------------------*/

h2{
	clear:both;
	font-size:1.6em!important;
	font-weight:bold!important;
	line-height:140%!important;
	padding:15px 0 10px 0!important;
}

.contentsBlock h3{
	clear:both;
	font-size:1.1em;
	font-weight:bold;
	line-height:120%;
	padding:9px 6px 3px 6px;
	margin-bottom:10px;
	background:url(/category/images/h3_bg.gif) 0 0 repeat-x #DDDDDD;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #DDDDDD;
}

.contentsBlock h4{
	clear:both;
	font-size:1em;
	font-weight:bold;
	line-height:120%;
	padding:0 0 10px 17px;
	background:url(/category/images/arrow_l_green.gif) 0 0 no-repeat;
}

.contentsBlock h5{
	clear:both;
	color:#009900;
	font-size:1em;
	font-weight:bold;
	line-height:120%;
	margin:12px 0 10px 0;
}

.contentsBlock p{
	line-height:180%;
	margin-bottom:12px;
}

.contentsBlock table{
	border-collapse:collapse;
}

	.contentsBlock tr{
		vertical-align:top;
	}


/* ページトップへ */
#mainBlock #pageTop{
	clear:both;
	text-align:right;
	font-size:10px;
	padding-top:20px;
}

	#mainBlock #pageTop a{
		text-align:right;
		font-size:10px;
	}

	/* リンク集などに使用 */
	ul.linkList{
	}

		ul.linkList li{
			background:url(/category/images/arrow_s_green.gif) no-repeat 0 5px;
			line-height:130%;
			padding:0 0 7px 10px;
		}


.block{
}

.column1Box{}

	.column1 li,
	.column1Box li{
		float:left;
		width:290px;
		margin-right:10px;
	}

.column2Box dl{
}

	.column2Box dl.column2-1{
		float:right;
		width:302px;
	}

	.column2Box dl.column2-2{
		float:left;
		width:628px;
	}

	.column2Box dl.column2-2 li{
		float:left;
		width:270px;
		margin-right:10px;
	}

.column3Box dl{
	float:left;
	width:302px;
	margin-right:15px;
}

.column3 .endBox,
.column3Box .endBox{
	margin-right:0!important;
}

.column3 div.box{
	float:left;
	width:302px;
	margin-right:15px;
	padding:0 0 10px 0;
	border-bottom:0;
}

.column3 div.box ul{
	margin:0;
	padding-bottom:0;
}


.box{
	padding:5px 0 0 0;
	margin-bottom:15px;
	border-bottom:1px solid #CCCCCC;
}


.block dl{
	padding-bottom:10px;
}

.block dt{
	font-weight:bold;
	line-height:120%;
	background:url(/category/images/arrow_s_gray.gif) no-repeat 8px 50% #EFEFEF;
	padding:4px 5px 3px 16px;
}

.block dd{
	padding-top:10px;
}

.block ul{
	padding:0 0 10px 8px;
}

.block li{
	line-height:130%!important;
	background:url(/category/images/arrow_s_green.gif) no-repeat 0 4px;
	padding:0 0 0 10px;
	min-height:22px;
}

	.block ul li .subList{
		padding:5px 0;
	}

	.block ul li .subList li{
		float:left;
		background:url(/category/images/arrow_s_gray.gif) no-repeat 0 4px!important;
		padding:0 15px 0 10px!important;
	}

	.block ul li .subList li{
		line-height:130%!important;
		background:url(/category/images/arrow_s_green.gif) no-repeat 0 4px;
		padding:0 0 0 10px;
		min-height:22px;
	}

* html .block li{
	height:22px;
}

.block li a:link,
.block li a:visited{
	color:#333333;
	text-decoration:none;
}

.block li a:hover{
	color:#0099ff;
	text-decoration:underline;
}

		a.outSite{
			background:url(/common/images/icon_blank.gif) no-repeat 100% 4px;
			padding:0 17px 0 0;
		}

		a.metele:link,
		a.metele:visited{
			color:#0099ff!important;
		}

.block a img.outSite{
	vertical-align:middle;
	padding-left:3px;
}
