@charset "utf-8";

/* 
トップページ 及び 常設プランナビ、おすすめプラン一覧、フットナビ
date : 2014.10.23 公開
********************************************************************************************************************************************* */

/* キャンペーンボタン
-------------------------------------------------------------------------------*/
#topHeaer a#camBtn{
	position: relative;
	top: 49px;
	left: 713px;
}


/* 常設プランナビ
-------------------------------------------------------------------------------*/
#regNav{
	width: 960px;
	margin: 0 auto 30px;
}
#regNav ul{
	list-style: outside none;
}
#regNav ul li{
	float: left;
	margin: 0 15px 13px 0;
}
#regNav ul li.turn{
	margin-right: 0;
}
#regNav ul li:hover{
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}


/* おすすめプランに関わるもの
-------------------------------------------------------------------------------*/
h1#planHead{
	margin: 0 0 30px 0;
}
#recPlan{
	margin: 0 0 30px 0;
}
#recPlan h2#recPlanHead{
	margin: 0 0 30px 0;
}
#recPlan #more{
	position: relative;
	top: -41px;
	left: 860px;
}

/* おすすめプラン一覧表示部分 */
#recList{
	/*background: url(../img/top/rec_list_foot_h18.jpg) left bottom no-repeat;*/
	background: url(../img/common/bottom.png) left bottom no-repeat;
	padding: 0 0 3px 0;
}
#recListinner{
	/*background: url(../img/top/rec_list_head_h18.jpg) left top no-repeat;*/
	background: url(../img/common/top.png) left top no-repeat;
	padding: 18px 0 0 0;
}

#recList ul{
	background: url(../img/common/middle.png) left top repeat-y;
	list-style: outside none;
}

#recList ul li{
	float: left;
	margin: 0 0 15px 8px;
}

/* アイテムボックス定義（白角丸の部分） */
#recList div.item{
	width: 230px;
	height: 230px;
	overflow: hidden;
}
#recList div.item .itemInner{
	/*background: #fff url(../img/top/rec_item_head.png) left top no-repeat;*/ /* 白角丸ヘッド */
	background: #fff url(../img/common/km-top.png) left top no-repeat;
	padding: 10px 0 0 0;
}
#recList div.item div.header{ /* テキストヘッダ（ブログ記事のタイトルが入る）*/
	height: 55px;
	background-color: #f8f7ed;
	padding: 8px 4px 0 8px;
	font-size: 1.4em;
	font-weight: bold;
}
#recList div.item .itemBody{
	/*background: #fff url(../img/top/rec_item_foot.png) left bottom no-repeat;*/ /* 白角丸フット */
	background: #fff url(../img/common/km-bottom.png) left bottom no-repeat;
	padding: 0 0 0 10px;
	height: 165px;
	overflow: hidden;
}
#recList div.item .itemBodyImage{ /* ブログ記事エントリのメイン画像(カスタムフィールド：tag="photogallery") */
	float: left;
	height: 165px;
	overflow: hidden;
	margin: 0 5px 0 0;
}
#recList div.item div.itemBodyText{ /* ブログ記事エントリの本文の一部( <$mt:Entrybody remove_html="1" trim_to="20+...続きはこちら"$> */
	float: left;
	width: 95px;
	padding: 5px 0 0 0;
	font-size: 1.28em;
	line-height: 150%;
}


/* フットナビ
------------------------------------------------------------------------------- */
#footNav{
	width: 960px;
	margin: 80px auto 15px;
}
#footNav p#telNum{
	text-align:center;
	margin: 0 auto 30px;
}
#footNav ul{
	list-style: outside none;
}
#footNav ul li{
	float: left;
	margin: 0 15px 15px 0;
}
#footNav ul li.turn{
	margin: 0;
}
#footNav ul li:hover{
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}


/* サブフッタ */
#subFoot {
	margin: 30px auto;
}
#subFoot #contactArea{
	float: left;
}


/* コンタクトエリア
------------------------------------------------------------------------------- */
#contactAreaCenter{
	margin: 80px auto 30px;
	padding:87px 0 0 10px;
	background:url(../img/common/bg_contents_contact.gif) no-repeat left top;
	width:630px;
	height:74px;
}

#contactAreaCenter img{
	float:left;
	margin:0 10px 0 0;
}

/* マウスオーバー時の不透明度
------------------------------------------------------------------------------- */
.opHover:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}