@charset "utf-8";
/*
Theme Name: hiroumi
Theme URI: http://theme.o2gp.com/
Description: symposium
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: simple

	o2 Group v1.0
	 http://theme.o2gp.com/

	This theme was designed and built by o2 Group,
	whose blog you will find at http://theme.o2gp.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}
body {	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;	font-size: 14px;}
p{	line-height: 170%;	font-size: 14px;}
a {	color: #000000;	text-decoration: none;}
.white {	color: #FFFFFF;	text-decoration: none;}
a:hover{opacity:0.8;	filter: alpha(opacity=80);	-ms-filter: "alpha( opacity=80 )";}
a:active, a:focus {outline: 0;}
.clear{clear:both;}
.clear2 {clear: both;	height: 10px;}
.clear3 {clear: both;	height: 20px;}
.clear4 {clear: both;	height: 30px;}
.clear5 {clear: both;	height: 5px;}
.clear6 {clear: both;	height: 40px;}
.clear7 {
	clear: both;
	height: 5px;
	border-top: 1px dotted #7C7C7C;
}
.text_black{color: #000000;}
.text_red{color: #FF1F55;}
.text_blue{	color: #0000FF;}
.text_big{	font-size: 150%;}
.t_small1{ font-size: 90%;}
.t_small2{	font-size: 80%;}
.t_small3{ font-size: 70%;}
.t_center{	text-align: center;}
.t_left{	text-align: left;}
.t_right{	text-align: right;}
.left{ float:left;}
.right{ float:right;}
.font14{ font-size: 14px;}
.font15{ font-size: 15px;}
.font16{ font-size: 16px;}
.font17{ font-size: 17px;}
.font18{ font-size: 18px;}
.font18{ font-size: 19px;}
.font20{ font-size: 20px;}
.margin10{	margin: 10px;}
.margin20{	margin: 20px;}
.margin30{	margin: 30px;}
.margin_b10{	margin-bottom: 10px;}
.margin_b20{	margin-bottom: 20px;}
.margin_b30{	margin-bottom: 30px;}
.margin_t10{	margin-top: 10px;}
.margin_t20{	margin-top: 20px;}
.margin_t30{	margin-top: 30px;}
.padding10{	padding:10px;}
.padding20{	padding:20px;}
.padding30{	padding:30px;}
.center {	text-align: center;}
ul{	list-style: none;	padding: 0;	margin:0;}
li{	list-style: none;	padding: 0;	margin:0;}
img {border-style:none;	padding: 0;	margin:0;}
.centered { margin: 0 auto; }
.box_l {float: left;width: 50%;}
.box_r {float: right;	width: 50%;}
table {	margin:0;	padding:0;}
.shadow{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
.shadow2{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
img.shadow{box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 4px 4px 10px -3px;}
img.shadow2{box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;-webkit-box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;-moz-box-shadow:rgba(96, 96, 97, 0.682353) 0px 0px 15px -3px;}
.box1000 {max-width: 1000px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box960 {max-width: 960px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box930 {max-width: 930px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box890 {	height: auto;	max-width: 890px;	width: 100%;	margin-left: 70px;}
.box800 {	height: auto;	max-width: 800px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box760 {	height: auto;	max-width: 760px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box700 {	height: auto;	max-width: 700px;	width: 100%;	margin-right: auto;	margin-left: auto;}
.box680 {	height: auto;	max-width: 680px;	width: 100%;	margin-right: auto;	margin-left: auto;}
#main2 {
	max-width: 1000px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}


.clear2 {
	clear: both;
	margin-bottom: 20px;
}
#header{
	width: 100%;
	height: auto;

}
.header_inner{
	width: 100%;
	max-width:1000px;
	margin: 0 auto;

	height:auto;	
}
h1.logo{
	width: 200px;
	float:left;
	padding-left:10px;
	padding-top:20px;
}
.head_r{
	float: right;
	font-size: 110%;
	line-height: 1.8;
	color: #151515;
	background: url('http://www.hero-umi.com/cp/wp-content/themes/heroumi/common/image/next_obj3.png') left 6px no-repeat;
	padding-left: 10px;
	padding-right: 18px;
	margin-top:60px;
	font-weight: bold;	
}
.header_bg {
	width: 100%;
	max-width:1000px;
	margin: 0 auto;
	height:auto;
}
.topimage {
	width: 100%;
	max-width: 423px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-bottom: 30px;
}
.topimage2 {
	width: 100%;
	max-width: 1000px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-bottom: 30px;
}
.cate_image {
	width: 100%;
	max-width: 960px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-bottom: 30px;
}
.header_bg2 {
	display: block;
	width: 100%;
	max-width:1000px;
	margin: 0 auto;
	min-height:135px;
	height:auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	background-image: url(images/header/headerimage.png);
}
.header_menu {	margin-top: -55px;
 max-width: 930px;	width: 100%;	margin-right: auto;	margin-left: auto;}

.contents_box {
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top:35px;

}
.contents_box2 {
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.contents_box .title {
	width: 100%;
	max-width: 185px;
	margin-bottom:20px;
}
.contents_box .title2 {
	width: 100%;
	max-width: 220px;
}
.blog_contents {
	width: 100%;
	max-width: 730px;
	float: right;
}
.blog_contents h3 {
	font-size: 130%;
	color: #FF0004;
	border-bottom: 2px solid #AFAFAF;
}
.koushin {
	width: 100%;
	max-width: 180px;
	float: right;
}
#sidebar {
	width: 100%;
	max-width: 220px;
	float: left;
}
#sidebar h3{
	font-size:18px;
	padding-bottom:10px;

}
#sidebar ul{
	margin-bottom:20px;

}
/* --------------------------------------------------------------------- */
/* footerWrapperArea */
/* --------------------------------------------------------------------- */

#footerWrapperArea{
	width: 100%;
	border-top: 1px solid #f2efee;
	background: url("http://www.hero-umi.com/cp/wp-content/themes/heroumi/common/image/bg_footer.gif");
}

#footerArea{
	width: 980px;
	margin: 0px auto;
	position: relative;
	padding-bottom: 56px;
	background: url('http://www.hero-umi.com/cp/wp-content/themes/heroumi/common/image/bg_footerArea.png') left bottom no-repeat;
}

#subMenu{
	padding-top: 40px;
	padding-bottom:34px;
}

#subMenu ul{
	list-style: none;
}

#subMenu ul li{
	float: left;
	font-size: 90%;
	line-height: 1.8;
	color: #151515;
	background: url('http://www.hero-umi.com/cp/wp-content/themes/heroumi/common/image/next_obj3.png') left 6px no-repeat;
	padding-left: 10px;
	padding-right: 18px;
	font-weight: bold;
}

#subMenu ul li a{
	color: #151515;
	text-decoration: none;
}

#subMenu ul li a:hover{
	text-decoration: none;
	color: #9f2727;
}

#footerShoptitl{
	margin-bottom: 16px;
}

.footerShopBoxArea{
	width: 195px;
	float: left;
	background: url('http://www.hero-umi.com/cp/wp-content/themes/heroumi/common/image/line2.png') right top repeat-y;
}

.footerShopBoxArea:last-child{
	background: none !important;
}

.footerShopBoxBodyArea{
	padding-right: 0;
	padding-left: 24px;
}


.footerShopBoxBodyTitle{
	font-size: 90%;
	line-height: 1.4;
	color: #151515;
	background: url('http://www.hero-umi.com/cp/wp-content/themes/heroumi/common/image/next_obj3.png') left 3px no-repeat;
	padding-left: 10px;
	padding-right: 18px;
	font-weight: bold;
	
}

.footerShopBoxBodyTitle a{
	color: #151515;
	text-decoration: none;
}

.footerShopBoxBodyTitle a:hover{
	text-decoration: none;
	color: #9f2727;
}

.footerShopBoxBodyAdd{
	padding-left: 10px;
	font-size: 90%;
	line-height: 1.6;
	color: #151515;
	padding-top: 4px;
}

#copyright{
	font-size: 90%;
	line-height: 1.6;
	color: #5f5f5f;
	text-align: right;
	padding-top: 55px;
}

#pagetop{
	position: absolute;
	top:-25px;
	right: 0px;
}
#footer{
	width: 100%;
	height: auto;
	background-color: #6E6E6E;	
}
.footer_bg{
	display: block;
	width: 100%;
	max-width:1000px;
	margin: 0 auto;
	min-height:300px;
	height:auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	background-image: url(images/footer/bg1.png);
}
.footer_inner{
	max-width:880px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	
}
.footer_inner a{
	color: #FFFFFF;
	font-size: 13px;
}
.foot_l{
	width:25%;
	float:left;

}
.foot_t{
	color:#FFF;
}
ul.foot_link{
	list-style: none;
	margin-left: 8px;
	padding-left:8px;
	margin-bottom:14px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	color:#FFF;
}
ul.foot_link li{
	line-height: 160%;
}
ul.foot_link li.sub{
	margin-left: 12px;
	border: none;

}

/*ブログトップ*/
.blogtop{
	max-width: 1000px;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}

.blogtop_in{
	max-width: 300px;
	width: 100%;
	float: left;
	margin-right: 18px;
}
.blogtop_name{
	font-size: 120%;
	text-align: center;
}

/*住まいを探す*/
.sumai{
	max-width: 960px;
	width: 100%;
	margin-top: 30px;
	border: 1px solid #5081C0;
	margin-left: auto;
	margin-right: auto;
}
.sumai2{
	max-width: 960px;
	width: 100%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}
.sumai_l{
	max-width: 260px;
	width: 100%;
	float: left;
	margin-right: 20px;
}
.sumai_l2{
	max-width: 460px;
	width: 100%;
	float: left;
	margin-right: 20px;
	border: 1px solid #DADADA;
}
.sumai_r{
	max-width: 650px;
	width: 100%;
	float: left;
}
.sumai_r2{
	max-width: 460px;
	width: 100%;
	float: left;
}
.sumai_name{
	max-width: 950px;
	width: 100%;
	font-size: 130%;
	padding-top: 5px;
	padding-right: px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #5081C0;
}
.sumai_name a{
	color: #FFFFFF;	
}
.sumai_name2{
	max-width: 950px;
	width: 100%;
	font-size: 130%;
	padding-top: 5px;
	padding-right: px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #5081C0;
	margin-bottom: 10px;
	color: #FFFFFF;
}

.sumai_bangou {
	max-width: 650px;
	width: 100%;
	border-bottom: 1px solid #909090;
	padding-top: 3px;
	padding-bottom: 3px;
}

.sumai_jusyo {
	max-width: 650px;
	width: 100%;
	border-bottom: 1px solid #909090;
	padding-top: 3px;
	padding-bottom: 3px;
}

.sumai_menseki {
	max-width: 325px;
	width: 100%;
	border-bottom: 1px solid #909090;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
}
.sumai_menseki2 {
	max-width: 325px;
	width: 100%;
	border-bottom: 1px solid #909090;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
}


.sumai_madori {
	max-width: 325px;
	width: 100%;
	border-bottom: 1px solid #909090;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
}
.sumai_koutu {
	max-width: 650px;
	width: 100%;
	border-bottom: 1px solid #909090;
	padding-top: 3px;
	padding-bottom: 3px;
}

.sumai_hiyou {
	max-width: 325px;
	width: 100%;
	border-bottom: 1px solid #909090;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
}

.sumai_reikin {
	max-width: 325px;
	width: 100%;
	border-bottom: 1px solid #909090;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
}

.sumai_genkou {
	max-width: 650px;
	width: 100%;
	border-bottom: 1px solid #909090;
	padding-top: 3px;
	padding-bottom: 3px;
}
.sumai_bikou {
	max-width: 650px;
	width: 100%;
	border-bottom: 1px solid #909090;
	padding-top: 3px;
	padding-bottom: 3px;
}
.sumai100 {
	width: 100px;
	display: block;
	float: left;
	font-weight: bold;
}
.sumai_tochi {
	max-width: 325px;
	width: 100%;
	border-bottom: 1px solid #909090;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
}
.sumai_baikyaku {
	max-width: 325px;
	width: 100%;
	border-bottom: 1px solid #909090;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
}
.sumai_right {
	max-width: 460px;
	width: 100%;
	border-bottom: 1px solid #909090;
	padding-top: 3px;
	padding-bottom: 3px;
}

@media screen and (max-width: 1000px) {
.menu_l3 {width: 20%;
	max-width: 1000px; float:left; margin-left: 20px;}
.menu_r3 {width: 20%;
	max-width: 1000px; float:left; margin-left: 20px;}
.henrei_in{
	max-width: 1000px;
	width: 20%;
	margin-left: 15px;
	min-height: 300px;
	margin-bottom: 10px;
}
.henrei_name{
	min-height:40px;
	font-size: 85%;
}
.henrei_coment{
	font-size: 80%;
}
.henrei_coment{
	min-height:100px;
}
.kuwashiku {
	max-width: 140px;
}
.henrei_left {
	width: 48%;
	max-width: 1000px;
	float: left;
}
.henrei_right {
	width: 48%;
	max-width: 1000px;
	float: right;
}
}


@media screen and (max-width: 760px) {

.henrei_coment{
	min-height:130px;
}
.henrei_in{
	max-width: 760px;
	width: 20%;
	margin-left: 5px;
	min-height: 300px;
}
.kuwashiku {
	max-width: 140px;
	display: none;
}

}
@media screen and (max-width: 480px) {

/*返礼品*/


.contents_box3 {
	margin-top: 0px;
}
.menu_l3 {width: 35%;
	max-width: 480px; float:left; margin-left: 25px;}
.menu_r3 {width: 35%;
	max-width: 480px; float:left; margin-left: 25px;}
	
.henrei_in{
	max-width: 480px;
	width: 40%;
	margin-left: 15px;
	min-height: 280px;
}
.henrei_left {
	width: 90%;
	max-width: 480px;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.henrei_right {
	width: 90%;
	max-width: 480px;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.henrei_bangou2 {
	max-width: 250px;
}

}