@charset "utf-8";


/* ===================================================================

CSS information

 file name  :blanding.css
 author     :Nihon Hicom
 style info :ブランディング出版ページ設定用
 data       :2011.08.22
 name       :Masahiko Maruo
 
=================================================================== */

#main_content #blanding_header{
	margin:0;
	padding:0;
	width:700px;
	height:200px;
	background:url(../../images/page_image/blanding_images/blanding_header.jpg) no-repeat;
}
#main_content .page_header h2,
#main_content .page_header h3,
#main_content .page_header h4,
#main_content .page_header p,
#main_content #page_main .concept h5,
#main_content #page_main #detail3 h5,
#main_content #page_main #detail3 h6,
#main_content #page_main #detail4 h5,
#main_content #page_main #detail5 h5{
	display:none;
}

#blanding-menu{
	margin:10px 0;
	width:700px;
}
#blanding-menu ul{
	overflow:hidden;
	border-top:1px #DDD solid;
	border-bottom:1px #DDD solid;
	border-left:1px #DDD solid;
}
#blanding-menu ul li{
	float:left;
	padding:0;
	height:30px;
	font-size:14px;
	line-height:30px;
	text-align:center;
	border-right:1px #DDD solid;
}
#blanding-menu ul li a{
	background:url(../../images/page_image/topics_images/topics_category_back.jpg) repeat-x;
	display:block;
	width:232px;
	height:30px;
	font-size:14px;
	line-height:30px;
	color:#999;
}
#blanding-menu ul li a:hover,#blanding-menu ul li a:active{
	background:url(../../images/page_image/topics_images/topics_category_back_on.jpg) repeat-x;
	color: #53703A;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1;
}


.step{
	margin:15px 0 0;
	padding:0;
	width:700px;
	height:auto;
}
.step p{
	font-weight:normal;
}
#blanding_menu1{
	margin-top:0px;
}
.step_header{
	background:url(../../images/page_image/page_header.jpg) no-repeat;
	width:700px;
	height:20px;
}
.step_arrow{
	margin:0;
	background:url(../../images/page_image/blanding_images/down_arrow.jpg) no-repeat;
	width:700px;
	height:125px;
}

.step_main{
	background:url(../../images/page_image/page_main.jpg) repeat-y;
	height:auto;
	overflow:hidden;
}
.step_footer{
	background:url(../../images/page_image/page_footer.jpg) no-repeat;
	width:700px;
	height:20px;
}
#blanding_menu1 .step_main{
	width:640px;
	padding:10px 30px;
}
.blanding_h3{
	font-size:22px;
	line-height:28px;
	color:#7e974e;
	height:28px;
}
.blanding_h4{
	font-size:16px;
	line-height:22px;
	font-weight:normal;
}
#tc ul{
	margin:20px 0;
	overflow:hidden;
}
#tc ul li{
	float:left;
}
#tc ul li a{
	width:208px;
	height:45px;
	display:block;
	text-indent:-9999px;
	overflow:hidden
}
#tc ul li a:hover{
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1;
}
#tc ul li.center_btn{
	margin:0 8px;
}
#tc ul li#tc_btn1 a{
	margin-bottom:8px;
	background:url(../../images/page_image/blanding_images/blanding_btn1.jpg) no-repeat;
}
#tc ul li#tc_btn1 a:hover{
	background:url(../../images/page_image/blanding_images/blanding_btn1_on.jpg) no-repeat;
}
#tc ul li#tc_btn2 a{
	margin-bottom:8px;
	background:url(../../images/page_image/blanding_images/blanding_btn2.jpg) no-repeat;
}
#tc ul li#tc_btn2 a:hover{
	background:url(../../images/page_image/blanding_images/blanding_btn2_on.jpg) no-repeat;
}
#tc ul li#tc_btn3 a{
	margin-bottom:8px;
	background:url(../../images/page_image/blanding_images/blanding_btn3.jpg) no-repeat;
}
#tc ul li#tc_btn3 a:hover{
	background:url(../../images/page_image/blanding_images/blanding_btn3_on.jpg) no-repeat;
}
#tc ul li#tc_btn4 a{
	background:url(../../images/page_image/blanding_images/blanding_btn4.jpg) no-repeat;
}
#tc ul li#tc_btn4 a:hover{
	background:url(../../images/page_image/blanding_images/blanding_btn4_on.jpg) no-repeat;
}
#tc ul li#tc_btn5 a{
	background:url(../../images/page_image/blanding_images/blanding_btn5.jpg) no-repeat;
}
#tc ul li#tc_btn5 a:hover{
	background:url(../../images/page_image/blanding_images/blanding_btn5_on.jpg) no-repeat;
}
#tc ul li#tc_btn6 a{
	background:url(../../images/page_image/blanding_images/blanding_btn6.jpg) no-repeat;
}
#tc ul li#tc_btn6 a:hover{
	background:url(../../images/page_image/blanding_images/blanding_btn6_on.jpg) no-repeat;
}

.step_detail1{
	margin:0;
	padding:20px 0;
	border-bottom:1px #CCC solid;
}
.step_detail1-2{
	padding:20px 0 0;
}

.step_detail1 h5,.step_detail1-2 h5{
	height:20px;
	color:#7e974e;
	line-height:20px;
}
p.big_text{
	font-size:16px;
	font-weight:bold;
	color:#333;
	line-height:22px;
}
#blanding_menu2{
	margin-top:20px;
}
#blanding_menu2 .step_main{
	width:660px;
	padding:0 20px;
}
#blanding_menu2 .step_main h3{
	margin-left:10px;
	margin-bottom:10px;
}
#blanding_menu2 .step_main .step_detail2{
	width:510px;
	margin-top:10px;
	padding:20px 130px 20px 20px;
}
#blanding_menu2 .step_main .step_detail2 h4{
	font-size:18px;
	height:30px;
	color:#7e974e;
	line-height:30px;
	padding:0 0 0 35px;
	margin-bottom:5px;
}
#step_detail2_step1{
	background:url(../../images/page_image/blanding_images/blanding_back1.jpg) no-repeat;
	height:89px;
}
#blanding_menu2 .step_main #step_detail2_step1 h4{
	background: url(../../images/page_image/blanding_images/no1.jpg) no-repeat left center;
}
#step_detail2_step2{
	background:url(../../images/page_image/blanding_images/blanding_back2.jpg) no-repeat;
	height:108px;
}
#blanding_menu2 .step_main #step_detail2_step2 h4{
	background: url(../../images/page_image/blanding_images/no2.jpg) no-repeat left center;
}
#step_detail2_step3{
	background:url(../../images/page_image/blanding_images/blanding_back3.jpg) no-repeat;
	height:108px;
}
#blanding_menu2 .step_main #step_detail2_step3 h4{
	background: url(../../images/page_image/blanding_images/no3.jpg) no-repeat left center;
}
#step_detail2_step4{
	background:url(../../images/page_image/blanding_images/blanding_back4.jpg) no-repeat;
	height:108px;
}
#blanding_menu2 .step_main #step_detail2_step4 h4{
	background: url(../../images/page_image/blanding_images/no4.jpg) no-repeat left center;
}
#step_detail2_step5{
	background:url(../../images/page_image/blanding_images/blanding_back5.jpg) no-repeat;
	height:108px;
}
#blanding_menu2 .step_main #step_detail2_step5 h4{
	background: url(../../images/page_image/blanding_images/no5.jpg) no-repeat left center;
}
#step_detail2_step6{
	background:url(../../images/page_image/blanding_images/blanding_back6.jpg) no-repeat;
	height:89px;
}
#blanding_menu2 .step_main #step_detail2_step6 h4{
	background: url(../../images/page_image/blanding_images/no6.jpg) no-repeat left center;
}

#blanding_menu3 .step_main{
	padding:0 20px;
	width:660px;
}

#step_detail3_header{
	background: url(../../images/page_image/topics_images/topics_header.jpg) no-repeat;
	width:660px;
	height:10px;
}
#step_detail3_main{
	padding:10px 20px;
	background: url(../../images/page_image/topics_images/topics_main.jpg) repeat-y;
	width:620px;
}
#step_detail3_footer{
	background: url(../../images/page_image/topics_images/topics_footer.jpg) no-repeat;
	width:660px;
	height:10px;
}
#step_detail3_main h4{
	float:left;
	margin-right:10px;
	font-size:18px;
	height:18px;
	line-height:18px;
	color:#7e974e;
	margin-bottom:10px;
}
#step_detail3_main p.big_text2{
	float:left;
	font-size:14px;
	height:18px;
	line-height:18px;
	color:#333;
	font-weight:bold;
	margin-bottom:10px;
}
#japan_map{
	width:405px;
	height:407px;
	background:url(../../images/page_image/blanding_images/blanding_map.jpg) no-repeat;
	float:left;
}
#japan_map p{
	width:270px;
}
#shop_list{
	float:left;
	margin-left:55px;
}
#shop_list li{
	width:160px;
	height:35px;
	margin-bottom:3px;
}
#shop_list li a{
	background:url(../../images/page_image/blanding_images/shop_list_btn.jpg) no-repeat;
	display:block;
	text-align:center;
	line-height:35px;
}
#shop_list li a:hover{
	background:url(../../images/page_image/blanding_images/shop_list_btn_on.jpg) no-repeat;
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1;
}

.ad{
	margin-top:20px;
	width:325px;
	float:left;
}
#left-ad{
	margin-right:10px;
}
.ad_header{
	padding:20px 20px 0;
	background:url(../../images/page_image/blanding_images/blanding_ad_back_header.jpg) no-repeat;
	width:285px;
	height:50px;
}
.ad_header h4{
	font-size:18px;
	height:18px;
	color:#7e974e;
	line-height:18px;
	margin-bottom:5px;
}
.ad_main{
	padding:0px 20px 0;
	background:url(../../images/page_image/blanding_images/blanding_ad_back_main.jpg) repeat-y;
	width:285px;
	text-align:center;
}
.ad_main p{
	clear:both;
	margin-top:10px;
	text-align:left;
}
.ad img{
	border:1px #CCC solid;
}
.ad img.left-hp{
	margin-right:10px;
}
.ad_footer{
	background:url(../../images/page_image/blanding_images/blanding_ad_back_footer.jpg) no-repeat;
	width:325px;
	height:10px;
	text-align:center;
}