@charset "utf-8";
/* CSS Document */

body {
	margin:50px 0px 10px 0px;
	padding:0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:18px;
	color: #666;
	background: url(../images/ad_hokuo_bg.jpg);
}

#content_header{
	width:960px;
	margin:0px auto;
}
#content_footer{
	width:960px;
	margin:0px auto;
}

#content_base{
	background:url(../images/ad_hokuo_contentbgimg.gif) repeat-y;
	width:960px;
	margin:0px auto;
	padding:0px;
}

.title{
	text-align: center;
	padding:0px;
	margin:0px;
}
.title h1{
	margin:0px;
	padding:0px 0px 20px 0px;
	font-size:14px;
	color: #333;
}


#content .main_table{
	width:920px;
}

#content p{
	padding: 14px 0px;
	margin:0px 20px;
	font-size:14px;
}

#content h2{
	font-size:16px;
	color:#333;
	text-align: left;
	padding:18px 0px 10px 0px;
	margin:0px 0px 0px 20px;
}

.mini_table{
	/*width:420px;*/
	margin:0px 0px 0px 20px;
}

.mini_table td{
	width:110px;
	height:110px;
	text-align:center;
	vertical-align:middle;
	border:#CCC solid 1px;
}

.left_box{
	width:502px;
	float:left;
}

.main_product_box_right{
	margin: 0px 0px 0px 512px;
}

.right_box{
	width:502px;
	float: right;
}
.main_product_box_left{
	margin: 0px 0px 0px 0px;
}



.main_product_box {
	float:left;
	width:200px;
}
.product_img{
	padding: 15px 0px;
	text-align:center;
	width:190px;
}
.product_box{
	background-color:#CC6;
	width:190px;
}
.product_box h3{
	font-size:14px;
	margin:0;
	padding:8px;
	line-height:18px;
}
.product_box a{
	color: #333;
}
.product_box a:hover{
	color: #FFC;
}


.title_01 {
	width:502px;
	height:54px;
	background: url(../images/ad_hokuo_bar01.gif) no-repeat left top;
}
.title_02 {
	width:502px;
	height:54px;
	background: url(../images/ad_hokuo_bar02.gif) no-repeat left top;
}

.title_03 {
	width:502px;
	height:54px;
	background: url(../images/ad_hokuo_bar03.gif) no-repeat left top;
}

.title_04 {
	width:502px;
	height:54px;
	background: url(../images/ad_hokuo_bar04.gif) no-repeat left top;
}

.title_05 {
	width:502px;
	height:54px;
	background: url(../images/ad_hokuo_bar05.gif) no-repeat left top;
}

.title_06 {
	width:502px;
	height:54px;
	background: url(../images/ad_hokuo_bar06.gif) no-repeat left top;
}


.line img{
	margin: 10px 0px;
}

a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
}



.attention {
	font-size:12px;
	text-align:center;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	line-height:18px;
}

#footer{
	font-size:12px;
	text-align:center;
	padding: 10px 0px;
	color: #333;
}

#footer a{
	color: #939;
}
#footer a:hover{
	background-color: #939;
	color: #FFF;
}