@charset "utf-8";

/* --------------------------------------------
 * 全体設定
 * -------------------------------------------- */

body {
	background-color: #FFD0E4;
}


/* --------------------------------------------
 * 全体背景
 * -------------------------------------------- */

#background_box {
	width: 980px;
	background: #FFFFFF url(../../img/bg/bg_main.gif) repeat-y;
	margin: auto;
}



/* --------------------------------------------
 * ヘッダー
 * -------------------------------------------- */

#header {
	padding: 0 15px;
}

	#header.small {
		margin-bottom: 10px;
	}

	#header h1 {
		font-size: 13px;
		height: 23px;
		color: #FFFFFF;
		padding-top: 6px;
		padding-left: 15px;
		background: url(../../img/bg/bg_header_title1.jpg) no-repeat;
	}

	#header.small h1 {
		height: 20px;
		padding-top: 3px;
		background: url(../../img/bg/bg_header_title4.jpg) no-repeat;
	}

	#header .content {
		width: 100%;
		height: 208px;
		background: url(../../img/bg/bg_header_title2.jpg) no-repeat;
	}

	#header .content.small {
		width: 100%;
		height: 87px;
		background: url(../../img/bg/bg_header_title3.jpg) no-repeat;
	}

	#header .logo {
		float: left;
	}

	#header .message {
	}

	#header p {
		font-weight: normal;
		font-size: 12px;
		line-height: 130%;
		color: #FFFFFF;
		float: left;
		width: 170px;
		height: 90px;
		padding-top: 53px;
		padding-left: 40px;
		overflow: hidden;
	}

	#header p.small {
		background:none;
		width: 425px;
		height: 35px;
		float: left;
		padding-top: 23px;
		padding-left: 32px;
	}



/* --------------------------------------------
 * ボディ
 * -------------------------------------------- */

#body {
	padding: 0 30px;
}


/* --------------------------------------------
 * フッター
 * -------------------------------------------- */

#footer {
	padding: 0 15px;
}

#footer_inner {
	height: 105px;
	background: url(../../img/bg/bg_footer.gif) repeat-x;
}

	#footer_inner img {
		padding-top: 8px;
	}

	#footer_inner .content {
		padding: 10px 0;
		text-align: center;
		color: #FFFFFF;
		font-size:  13px;
	}

	#footer_inner .content a {
		color: #FFFFFF;
	}

	#footer_inner .content .sepa {
		margin: 0 2px;
	}

/* --------------------------------------------
 * パンくずリスト
 * -------------------------------------------- */


#topic_path {
	font-size: 13px;
	margin-bottom: 5px;
	height: 19px;
}

	#topic_path ol {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#topic_path li {
		float: left;
		margin: 0;
		padding: 0;
		padding-left: 10px;
		padding-right: 5px;
		background: url(../../img/etc/topicpath_sepa.gif) no-repeat 0 4px;
		height: 19px;
	}

		#topic_path li.top {
			background: none;
			padding-right: 5px;
			padding-left: 0;
		}

		#topic_path li strong {
			font-weight: normal;
		}

	#topic_path .current_bg_left {
		background: url(../../img/etc/bg_topicpath_left.gif) no-repeat 0 50%;
		width: 3px;
		height: 19px;
		float: left;
	}

	#topic_path .current_bg_body {
		float: left;
		background-color: #FF0092;
		height: 16px;
		padding: 0 3px;
		color: #FFFFFF;
		line-height: 100%;
		padding-top: 3px;
	}

	#topic_path .current_bg_right {
		background: url(../../img/etc/bg_topicpath_right.gif) no-repeat 0 50%;
		width: 3px;
		height: 19px;
		float: left;
	}


/* --------------------------------------------
 * メインボディ部
 * -------------------------------------------- */


#content1 {
	margin-bottom: 30px;
}

#content1_left_box {
	width: 700px;
	float: left;
}

#content1_right_box {
	width: 200px;
	float: right;
}

#content1_line {
	margin-bottom: 10px;
}

#content2 {
	margin-bottom: 30px;
}

#content2 .line {
	margin-bottom: 10px;
}

#content2_box {
	width: 750px;
	margin: 15px auto;
}

#content3 {
	margin-bottom: 30px;
}

#content3 .line {
	margin-bottom: 10px;
}

#content3_box {
	width: 920px;
	margin: 15px 0;
}



/* --------------------------------------------
 * チェックリスト
 * -------------------------------------------- */

#checklist {
	width: 200px;
}

#checklist_expbox {
	margin-bottom: 8px;
}

	#checklist_expbox .title img {
		vertical-align: bottom;
	}

	#checklist_expbox .body {
		padding: 12px 15px 5px 15px;
		width: 170px;
		background: #FCF8BE url(../../img/etc/checklist/checklist_expbox1_middle.gif) repeat-y;
	}

	#checklist_expbox .body .button {
		width: 170px;
		text-align: center;
	}

	#checklist_expbox .body .button img {
		vertical-align: text-bottom;
	}

#checklist_box {
	margin-bottom: 15px;
}

	#checklist_box img {
		vertical-align: bottom;
	}

	#checklist_box .body {
		padding: 7px 7px 0 7px;
		width: 186px;
		background: url(../../img/etc/checklist/checklist_box_middle.gif) repeat-y;
	}

		#checklist_box .body ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		#checklist_box .body li {
			background: url(../../img/etc/checklist/checklist_icon1.gif) no-repeat;
		}

		#checklist_box .shop {
			border-bottom: 1px solid #FF9900;
			padding-left: 18px;
			margin-bottom: 3px;
		}

		#checklist_box .shop.last {
			border: none;
			margin-bottom: 0;
		}

		#checklist_box .shopname {
			float: left;
			font-weight: bold;
			height: 16px;
			width: 156px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		#checklist_box .delete {
			width: 12px;
			float: right;
		}

		#checklist_box .delete img {
			padding-top: 2px;
			height: 12px;
		}

		#checklist_box .category {
			font-size: 11px;
			color: #333333;
			padding-bottom: 3px;
		}

#hajimete {
	margin-bottom: 15px;
}

#keisai {
	text-align: center;
	margin-bottom: 15px;
}

#mobile {
	margin-bottom: 15px;
}

#area_message {
	margin-bottom: 15px;
	background-color: #F1F1F1;
	padding: 15px;
	color: #333333;

}