@charset "utf-8";


/*
		各コンテンツ
 -------------------------------------------------- */


/* ------------------------------ 全頁共通設定 */

/* 大見出し */
#content h2{
	margin: 20px 0px 30px 15px;
}


/* 小見出し */
#content h3{
	margin: 40px 0px 0px 30px;
	font-weight: bold;
	font-size: 13px;
}


/* スーパーナース */
#content .onepoint{
	background-color: #f5deb3;
	float:left;
	margin:0px 40px 0px 12px;
	padding:0px 25px 0px 10px;
	width: 640px;
	height:200px;
}

#content .onepoint h4{
	margin: 29px 0px 0px 30px;
	font-weight: bold;
	font-size: 13px;

}


/* 各テキスト（デフォルト設定） */
#content p{
	margin: 10px 50px 40px;
	line-height: 20px;
	letter-spacing: 0.5px;
}

#content dl, 
#content ul{
	line-height: 20px;
	letter-spacing: 0.5px;
}



/*
		他マニュアルへの共通トップメニュー
 -------------------------------------------------- */

/* 全体枠 */
#content .topmenu{
	position: absolute;
	width: 760px;
	height: 62px;
	top: 0px;
	left: 0px;
	background: url(http://www.kekkon-j.com/manual/tomesode/img/top-bg.gif) left top no-repeat;
}


/* 見出しテキスト */
#content .topmenu p{
	position: absolute;
	margin: 10px 0px 0px 17px;
	font-size: 11px;
	color: #ffffff;
	z-index: 1;
}


/* 見出し画像 */
#content .topmenu img{
	position: absolute;
}


/* メニュー全体枠 */
#content .topmenu .menu{
	position: absolute;
	width: 554px;
	margin: 2px 0px 0px 213px;
}


/* メニュー画像の絶対位置の解除 */
#content .topmenu .menu img{
	position: static;
}


/* 各メニュー枠 */
#content .topmenu .menu dl{
	float: left;
	width: 91px;
}


/* メニューテキスト枠 */
#content .topmenu .menu dl dd{
	padding: 2px 0px 0px 8px;
	font-size: 10px;
	letter-spacing: 0px;
	background: url(../../img/common/link-bg.gif) left 8px no-repeat;
}

/* リンクカラー */
#content .topmenu .menu dl dd a{ color: #ffffff; }
#content .topmenu .menu dl dd a:hover{ color: #f9396f; text-decoration: underline; }


/*
		トップ画像
 -------------------------------------------------- */

#content img.top{
	margin: 0px;
}


/*
		マニュアル内メニュー
 -------------------------------------------------- */

/* 全体枠 */
#content .menulink{
	width: 760px;
	margin: 0px;
	background: url(http://www.kekkon-j.com/manual/tomesode/img/top-bg.gif) left top;
	padding: 13px 0px 0px 11px;
	border-top-style: none;
	border-bottom-style: none;	
}


/* メニュー枠 */
#content .menulink ul{
	margin: 1px 1px 0px;
	background-repeat: repeat;
}


/* 各メニュー */
#content .menulink ul li{
	float: left;
	display: inline;
	width: 187px;
	height: 25px;
	padding-bottom: 1px;
	line-height: 25px;
}


/* メニューのリンク時設定 */
#content .menulink ul li a{
	display: block;
	padding: 0px 0px 0px 30px;
}


/* 各メニュー背景設定 */
#content .menulink ul li.list01{ background: url(../../invitation/img/happyleaf/menu-01.gif) left top no-repeat; }
#content .menulink ul li.list02{ background: url(../../invitation/img/happyleaf/menu-02.gif) left top no-repeat; }
#content .menulink ul li.list03{ background: url(../../invitation/img/happyleaf/menu-03.gif) left top no-repeat; }
#content .menulink ul li.list04{ background: url(../../invitation/img/happyleaf/menu-04.gif) left top no-repeat; }
#content .menulink ul li.list05{ margin-top: 10px; background: url(../../invitation/img/happyleaf/menu-05.gif) left top no-repeat; }
#content .menulink ul li.list06{ margin-top: 10px; background: url(../../invitation/img/happyleaf/menu-06.gif) left top no-repeat; }
#content .menulink ul li.list07{ margin-top: 10px; background: url(../../invitation/img/happyleaf/menu-07.gif) left top no-repeat; }
#content .menulink ul li.list08{ margin-top: 10px; background: url(../../invitation/img/happyleaf/menu-08.gif) left top no-repeat; }
#content .menulink ul li.list09{ margin-top: 10px; background: url(../../invitation/img/happyleaf/menu-09.gif) left top no-repeat; }
#content .menulink ul li.list10{ margin-top: 10px; background: url(http://www.kekkon-j.com/manual/invitation/img/happyleaf/menu-10.gif) left top no-repeat; }
#content .menulink ul li.list11{ margin-top: 10px; background: url(http://www.kekkon-j.com/manual/invitation/img/happyleaf/menu-11.gif) left top no-repeat; }
#content .menulink ul li.list12{ margin-top: 10px; background: url(http://www.kekkon-j.com/manual/invitation/img/happyleaf/menu-12.gif) left top no-repeat; }
#content .menulink ul li.list13{ margin-top: 10px; background: url(http://www.kekkon-j.com/manual/invitation/img/happyleaf/menu-13.gif) left top no-repeat; }
#content .menulink ul li.none{ margin-top: 10px; background: url(http://www.kekkon-j.com/manual/invitation/img/happyleaf/menu-none.gif) left top no-repeat; }

/* 1行目の場合 */
#content .menulink ul li.none01{ background: url(../../img/common/menu-none.gif) left top no-repeat; }


/*
		他マニュアルへの共通ボトムメニュー
 -------------------------------------------------- */

/* 全体枠 */
#content .bmenu{
	padding: 0px;
	margin: 0px;
	height: 165px;
	background: url(../../img/common/bottom-bg.gif) left top no-repeat;
}


/* 見出し画像 */
#content .bmenu img{
	display: block;
}


/* 見出しテキスト */
#content .bmenu p{	
	position: absolute;
	margin: 10px 0px 0px 17px;
	font-size: 11px;
	color: #ffffff;
	z-index: 1;
}


/* リンク枠 */
#content .bmenu dl{
	float: left;
	display: inline;
	margin: 4px 0px 0px 2px;
	letter-spacing: 0px;
}


/* リンクテキスト */
#content .bmenu dl dd{
	padding: 5px 0px 0px 15px;
	background: url(../../img/common/link-bg.gif) 7px 10px no-repeat;
}


/* リンクカラー */
#content .bmenu dl dd a{ color: #ffffff; }
#content .bmenu dl dd a:hover{ color: #f9396f; text-decoration: underline; }



/*
		NEXTボタン
 -------------------------------------------------- */
 
#content ul.next {
	margin: 30px 20px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-align: right;
}

#content ul.next li {
	margin: 0px;
	padding: 40px 20px 0px 0px;
	display: inline;
}

#content ul.next li.next01 {
	padding: 0px 20px 0px 0px;
	margin: 0px;
	background: #FFFFFF url(../../img/common/link-back.gif) no-repeat 35px 3px;
}



/*
		ページTOPへボタン（default.cssと別設定）
 -------------------------------------------------- */
 
#content .pagetop {
	margin: 40px 30px 0px 0px;
	padding: 0px 0px 0px 50px;
	text-align: right;
	background: #FFFFFF url(../../../img/common/cat-page-top.gif) 655px 4px no-repeat;
}



/*
		TOPページへ戻るボタン
 -------------------------------------------------- */

#content p.top-page {
	padding: 0px 20px 20px 0px;
	margin: 0px;
	text-align: right;
	background: #FFFFFF url(../../img/common/link-back.gif) no-repeat 660px 6px;
}

/*
		マニュアルトップページへ戻るボタン(最終ページ用)
 -------------------------------------------------- */

#content p.manual-top {
	padding: 0px 20px 20px 0px;
	margin: 0px;
	text-align: right;
	background: #FFFFFF url(../../img/common/link-top.gif) no-repeat 640px 8px;
}


/*
		各indexページ設定
 -------------------------------------------------- */
/* 大枠 */
#content .index-box{
	width: 760px;
	margin: 0px;
	padding: 0px 0px 30px 0px;
}

/* ヘッダー下 テキスト設定 */
#content .index-box p.lead{
	width: 655px;
	padding: 40px 0px 25px 0px;
	margin: 0px 0px 0px 55px;
}

/* ～編 設定 */
#content .index-box h2.s-ttl{
	width: 690px;
	font-weight: bold;
	padding: 7px 0px 0px 30px;
	margin: 0px;
}

/* ボックス設定 */
#content .index-box dl{
	width: 350px;
	height: 290px;
	float: left;
	padding: 0px;
	margin: 25px 0px 0px 14px;
	display: inline;
}
/* 各番号設定 */
#content .index-box dl.no1 {
	background: url(http://www.kekkon-j.com/manual/tomesode/img/index-01.jpg) no-repeat 20px 10px #FFFFFF; }
#content .index-box dl.no2 {
	background: url(http://www.kekkon-j.com/manual/tomesode/img/index-02.jpg) no-repeat 20px 10px #FFFFFF; }
#content .index-box dl.no3 {
	background: url(http://www.kekkon-j.com/manual/tomesode/img/index-03.jpg) no-repeat 20px 10px #FFFFFF; }
#content .index-box dl.no4 {
	background: url(http://www.kekkon-j.com/manual/tomesode/img/index-04.jpg) no-repeat 20px 10px #FFFFFF; }
#content .index-box dl.no5 {
	background: url(http://www.kekkon-j.com/manual/tomesode/img/happyleaf/index-05.jpg) no-repeat 20px 10px #FFFFFF; }
#content .index-box dl.no6 {
	background: url(http://www.kekkon-j.com/manual/tomesode/img/happyleaf/index-06.jpg) no-repeat 20px 10px #FFFFFF; }
#content .index-box dl.no7 {
	background: url(http://www.kekkon-j.com/manual/tomesode/img/happyleaf/index-07.jpg) no-repeat 20px 10px #FFFFFF; }
#content .index-box dl.no8 {
	background: url(http://www.kekkon-j.com/manual/tomesode/img/happyleaf/index-08.jpg) no-repeat 20px 10px #FFFFFF; }
#content .index-box dl.no9 {
	background: url(http://www.kekkon-j.com/manual/tomesode/img/happyleaf/index-09.jpg) no-repeat 20px 10px #FFFFFF; }
#content .index-box dl.no10 {
	background: url(http://www.kekkon-j.com/manual/tomesode/img/happyleaf/index-10.jpg) no-repeat 20px 10px #FFFFFF; }								
#content .index-box dl.no11 {
	background: url(http://www.kekkon-j.com/manual/tomesode/img/happyleaf/index-11.jpg) no-repeat 20px 10px #FFFFFF; }	
#content .index-box dl.no12 {
	background: url(http://www.kekkon-j.com/manual/tomesode/img/happyleaf/index-12.jpg) no-repeat 20px 10px #FFFFFF; }	
#content .index-box dl.no13 {
	background: url(http://www.kekkon-j.com/manual/tomesode/img/happyleaf/index-13.jpg) no-repeat 20px 10px #FFFFFF; }	

/* 各ステップ 設定 */
#content .index-box dl dt {
	padding: 20px 0px 10px 45px;
	margin: 15px 20px 15px 30px;
	background: url(../../img/common/link-back.gif) no-repeat 32px 27px;
}

#content .index-box dl dd {
	padding: 0px 0px 10px 35px;
	margin: 0px 20px 0px 52px;
	background: url(../../img/common/link-back.gif) no-repeat 22px 7px;
}




/*
		qa-more
 -------------------------------------------------- */

/* 見出し画像 */
#content img.qa-ttl{
	margin: 20px 10px 0px;
}


/* ボーダー枠 */
#content .qa-more{
	margin: 5px 10px 30px;
	padding: 10px 25px;
	border: 12px #dfdfdf solid;
}


/* 各枠 */
#content .qa-more #qalink .cmatch .cmatch_item{
	float: left;
	display: inline;
	width: 300px;
	margin: 5px 3px 0px 30px;
	overflow: hidden;
}


/* QA見出し */
#content .qa-more #qalink .cmatch .cmatch_item .cmatch_item_title{
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	background: url(../../../img/common/link-back.gif) left 5px no-repeat;
}


/* QA要約文 */
#content .qa-more #qalink .cmatch .cmatch_item .cmatch_item_summary{
	margin: 5px 0px 0px 0px;
	color: #777;
}




/*
		recommend
 -------------------------------------------------- */

/* 大枠 */
#content .recommend-box {
	padding: 15px 0px 0px 0px;
	background-image: url(http://www.kekkon-j.com/manual/tomesode/img/menu-text_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	color: #ffffff;	
	
}


#content .recommend-item{
	width: 721px;
	height: 270px;
	margin: 0px 0px 24px 20px;
	background: url(http://www.kekkon-j.com/manual/tomesode/img/recomend_bg.gif) no-repeat;	
}

/* 商品 */
#content .recommend-item dl{
	width: 162px;
	margin: 0px 0px 5px 15px;
	padding: 43px 0px 0px 0px;
	color: #ffffff;	
	float: left;
	display: inline;	
}

#content .recommend-item dl dt{
	margin: 0px 0px 0px 0px;
}

#content .recommend-item dl dd{
	width: 162px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 10px;
	text-align: center;
	color: #333;
}

/* ボタン */
#content .recommend-item ul{
	margin: 0px 0px 0px 161px;
}

/* ボタン */
#content .recommend-item ul li{
	margin: 20px 13px 0px 0px;
	float: left;
}


/*
		recommend-bottom
 -------------------------------------------------- */

/* 大枠 */
#content .recommend-bottom ul li {
	float: left;
	margin: 0px 0px 0px 10px;	
}


/*
		kjec-bn
 -------------------------------------------------- */

#content .kjec-link img{
	margin: 40px 0px 10px 10px;
}