@charset "UTF-8";
/*--------------------
	reset
--------------------*/
html,body,img,h1,h2,ul,li,p,
header,footer{
	margin:0;
	padding:0;
	border:none;
	outline:none;
}

html{
	color:#333631;
	font:12px/1.5 Helvetica, Tahoma, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

body,h1,h2{font-size:100.01%;}

li{list-style:none;}

a{
	color:#8BA6AC;
	text-decoration:none;

    -webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	transition:all 1s;}

a:hover{
	color:#D7D7B8;}

/*--------------------
	body
--------------------*/
body{
	background:url(img/wall.jpg) repeat left top;
	position:relative;}

/*--------------------
	top
--------------------*/
#top{
	border:solid #617478;
	border-width:1px 0;}

#head_group{
	background:url(img/h1_img.jpg) no-repeat center top;
	height:193px;
	border:solid #BDCDD0;
	border-width:1px 0;}

#head_group a.logo{
	background:url(img/logo.jpg) no-repeat;
	width:146px;
	height:43px;
	margin:14px auto 0;
	display:block;
	overflow:hidden;}

#head_group h1{
	width:940px;
	height:43px;
	margin:auto;
	overflow:hidden;}

#head_group a.logo span,
#head_group h1 span{
	display:block;
	padding-top:43px;}


/*--------------------
	all_container
--------------------*/
#container{
	background:url(img/middle_bg.jpg) repeat center top;
	padding:33px 0 0;}

/*ie7*/
.lte-ie8 #container{
	*padding-top:0;}

#all_contents{
	background:url(img/contents_bg.jpg) repeat-x;
	width:940px;
	margin:auto;}

/*ie7*/
.lte-ie8 #all_contents{
	*background-position:left 33px;
	*padding-top:33px;}

/*--------------------
	contents
--------------------*/
#contents{
	width:938px;
	height:378px;
	margin:auto;
	overflow:hidden;
	border:solid 1px #FDFEFB;
	position:relative;}

#contents li{
	width:936px;
	height:376px;
	overflow:hidden;
	border:solid 1px #A9BCBF;}

/*	images	*/
.images{
	width:462px;
	padding:23px 0 0 38px;
	margin-right:20px;
	float:left;}

.large_img{
	border:solid 5px #E5E6C9;
	width:490px;
	height:257px;
	overflow:hidden;
	position:relative;}

.thumb{
	margin-top:10px;}

.thumb img{
	margin-right:5px;
	border:solid 5px #E5E6C9;}

.thumb img.active_thumb{
	border:solid 5px #8BA6AC;}

.thumb img:hover{
	border:solid 5px #BDCDD0;}

/*	txt	*/
.txt{
	width:320px;
	padding:23px 38px 0 0;
	float:right;}

.txt h2{
	background:url(img/li_img.gif) no-repeat left center;
	width:320px;
	height:34px;
	margin-bottom:15px;}

.txt h2 span{
	background:url(img/title.gif) no-repeat;
	width:290px;
	margin-left:30px;
	display:block;
	text-indent:-500px;
	overflow:hidden;}

.txt h2 span.travel{
	background-position:left top;
	height:34px;}
.txt h2 span.care{
	background-position:left -34px;
	height:38px;}
.txt h2 span.zakka{
	background-position:left -72px;
	height:34px;}
.txt h2 span.gourmet{
	background-position:left -106px;
	height:35px;}
.txt h2 span.fashion{
	background-position:left -141px;
	height:35px;}
.txt h2 span.game{
	background-position:left bottom;
	height:35px;}

.txt p{
	background:url(img/contents_txt_up.gif) no-repeat left top;
	margin-bottom:15px;
	padding-top:25px;
	color:#F8F8EC;
	line-height:1.6;}

.txt p span{
	background:url(img/contents_txt_under.gif) no-repeat left bottom;
	padding:0 10px 25px;
	display:block;}

.txt a{
	background-color:#8BA6AC;
	width:120px;
	height:45px;
	display:table;
	text-align:center;
	color:#F8F8EC;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	float:right;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;}

.txt a span{
   display: table-cell;
   font-size:18px;
   text-align: center;
   vertical-align: middle;}

.lte-ie8 .txt a span{
	*display:inline-block;}

.lte-ie8 .txt a b{
	*height:100%;
	*display:inline-block;
	*vertical-align:middle;}

.txt a:hover{
	background-color:#F8F8EC;
	color:#8BA6AC;}


/*--------------------
	bottom
--------------------*/
#bottom{
	background:url(img/footer_bg.jpg) repeat-x center top;
	height:325px;
	margin-top:33px;
	position:relative;}

#foot{
	background:url(img/foot_img.jpg) no-repeat left top;
	width:940px;
	height:285px;
	margin:-24px 0 0 -470px;
	padding-top:40px;
	text-align:left;
	color:#F8F8EC;
	position:absolute;
	left:50%;}

.under_txt{
	width:340px;
	margin:0 0 0 292px;
}

a.btn2{
	background-color:#F8F8EC;
	width:348px;
	height:83px;
	margin:21px 0 0 292px;
	display:table;
	text-align:center;
	color:#8BA6AC;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-weight:bold;

	border:solid 1px #8BA6AC;

	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0px 0px 10px #F8F8EC;
	-webkit-box-shadow:0px 0px 10px #F8F8EC;
	box-shadow:0px 0px 10px #F8F8EC;
	text-shadow:0 0 1px #8BA6AC;}

.lte-ie8 a.btn2{
	*display:block;}

a.btn2 span{
   display: table-cell;
   font-size:20px;
   text-align: center;
   vertical-align: middle;}

.lte-ie8 a.btn2 span{
  *display:inline-block;}

.lte-ie8 a.btn2 b{
	*height:100%;
	*display:inline-block;
	*vertical-align:middle;}

.btn2:hover{
	background-color:#8BA6AC;
	border:solid 1px #F8F8EC;
	color:#F8F8EC;}

.links{
	margin-top:70px;
	text-align:left;
	color:#BDCDD0;}

.social{
	display:block;
	overflow:hidden;
	float:right;}

.social span{
	margin-left:5px;
	display:block;
	float:right;}

.copy{
	background:url(img/copy.png) no-repeat #8BA6AC;
	width:410px;
	height:15px;
	margin:30px auto 0;
	overflow:hidden;
	color:#FFF;}

.copy span{
	display:block;
	padding-top:15px;}