@charset "utf-8";



/*
	--------------------------------
	Last Modified: 2008.07.23
	--------------------------------
	- Table of Contents -

	ふるさと納税を知ろう
	
		- 共通

		- 早分かり「ふるさと納税」

		- 早分かりスライド

		- 解説「ふるさと納税」

		- 税額がいくら控除される？
	--------------------------------
*/




/* --------------------------------
	共通
-------------------------------- */


/* --------------------------------
	早分かり「ふるさと納税」
-------------------------------- */
body#guide_idx div#content {
	padding: 0 0 50px 0;
}

body#guide_idx div#content p.txt12 {
	line-height: 1.917;
}

body#guide_idx div#quick {
	width: 645px;
	margin: 32px 0 0 30px;
}

body#guide_idx div#quick h2 {
	padding: 0 0 4px 0;
}

body#guide_idx div#quick p.lead img {
	vertical-align: middle;
	margin: 0 12px 0 0;
}

body#guide_idx div#quick p.btn {
	padding: 25px 0 0 172px;
}

body#guide_idx div#quick p.img {
	padding: 32px 0 0 23px;
}

body#guide_idx div#getflash {
	position: relative;
	margin: 19px 0 0 51px;
}

body#guide_idx div#getflash p.bnr {
	position: absolute;
	top: 0px; left: 0px;
}

body#guide_idx div#getflash p.text {
	line-height: 1.6;
	padding: 4px 0 0 167px;
}




/* --------------------------------
	早分かりスライド
-------------------------------- */
body#guide_slide {
	background: #faf9ed;
}

body#guide_slide div#container { margin:0 auto 0 auto; padding:0 0 0 0; width:727px; }


/* header ----------- */
body#guide_slide div#header {
	width: 727px;
	height: 51px;
	text-align: right;
}
body#guide_slide div#header p { padding: 23px 0 0 0; }


/* body ----------- */
body#guide_slide div#body {
	background: url(../img/sli_bg.gif) no-repeat;
}

/* title ----------- */
body#guide_slide div#title {
	position: relative;
	width: 716px;
}

body#guide_slide div#title p {
	text-align: right;
	padding: 1px 0 0 0;
}

body#guide_slide div#title h1 {
	position: absolute;
	left: 2px;
	top: 7px;
}

/* flashcontent ----------- */
body#guide_slide div#flashcontent {
	width: 705px;
	height: 480px;
	margin: 0 0 0 11px;
}

/* close ----------- */
body#guide_slide div#close {
	width: 727px;
	height: 45px;
}
body#guide_slide div#close p { padding: 9px 0 0 301px; }


/* footer ----------- */
body#guide_slide div#footer {
	width: 727px;
	text-align: right;
	padding: 8px 0 0 0;
}



/* --------------------------------
	解説「ふるさと納税」
-------------------------------- */
body#guide_detail div#content {
	padding: 0 0 40px 0;
}

body#guide_detail div#content p.txt12 {
	line-height: 1.583;
}

body#guide_detail div#about {
	width: 645px;
	margin: 32px 0 0 30px;
}
body#guide_detail div#about h2 { padding: 0 0 5px 0; }
body#guide_detail div#about p.text { padding: 14px 0 0 0; }
body#guide_detail div#about p.note {
	text-indent: -1.3em;
	padding: 15px 0 0 1.3em;
}

body#guide_detail div#deduct {
	width: 645px;
	margin: 38px 0 0 30px;
}
body#guide_detail div#deduct h2 { padding: 0 0 5px 0; }
body#guide_detail div#deduct p.text { padding: 14px 0 0 0; }
body#guide_detail div#deduct p.btn { padding: 22px 0 0 0; }
body#guide_detail div#deduct p.img { padding: 25px 0 0 0; }

body#guide_detail div#choice {
	width: 645px;
	margin: 40px 0 0 30px;
}
body#guide_detail div#choice p.text { padding: 19px 0 0 0; }
body#guide_detail div#choice p.btn { padding: 22px 0 0 0; }




/* --------------------------------
	税額がいくら控除される？
-------------------------------- */
body#guide_deduct div#content {
	padding: 0 0 60px 0;
}


/* 控除額の計算方法 -------- */
body#guide_deduct div#calculate {
	width: 645px;
	margin: 32px 0 0 30px;
}

body#guide_deduct div#calculate img { display: block; }

body#guide_deduct div#calculate p.lead { padding: 20px 0 0 0; }
body#guide_deduct div#calculate p.note {
	text-indent: -1.3em;
	padding: 16px 0 0 1.3em;
}

body#guide_deduct div#calculate div.frame {
	width: 599px;
	background-image: url(../img/frame2_bg_btm.gif);
	margin: 21px 0 0 23px;
}
body#guide_deduct div#calculate div.frame div.frame_bg {
	width: 599px;
	background-image: url(../img/frame2_bg.gif);
	margin: 0 0 0 0;
}
body#guide_deduct div#calculate div.frame div.frame_bg div.frame_bg {
	width: 599px;
	background: url(../img/frame2_bg_top.gif) no-repeat;
	padding: 0 0 7px 0;
	margin: 0 0 0 0;
}

body#guide_deduct div#calculate .cal1 { padding: 26px 0 0 28px; }
body#guide_deduct div#calculate .cal2 { padding: 27px 0 0 28px; }
body#guide_deduct div#calculate .cal3 { padding: 11px 0 0 45px; }
body#guide_deduct div#calculate .cal4 { padding: 6px 0 0 45px; }
body#guide_deduct div#calculate .cal5 { padding: 16px 0 0 28px; }
body#guide_deduct div#calculate .cal6 { padding: 11px 0 0 45px; }

body#guide_deduct div#calculate ul.note {
	width: 599px;
	text-indent: -3em;
	padding: 0 0 0 3em;
	margin: 10px 0 0 23px;
}

body#guide_deduct div#calculate {
	width: 645px;
	margin: 32px 0 0 30px;
}


/* モデルケース -------- */
body#guide_deduct div#case {
	width: 645px;
	margin: 48px 0 0 30px;
}

body#guide_deduct div#case h3 { padding: 25px 0 0 0; }
body#guide_deduct div#case .case1 { padding: 28px 0 0 0; }
body#guide_deduct div#case .case2 { padding: 23px 0 0 0; }
body#guide_deduct div#case ul { padding: 3px 0 0 18px; }
body#guide_deduct div#case ul li { padding: 2px 0 0 0; }
body#guide_deduct div#case ul li img { margin: 2px 8px -2px 0; }
body#guide_deduct div#case .case3 { padding: 12px 0 0 0; }

/* 注 */
body#guide_deduct div#case div.note { padding: 22px 0 0 0; }
body#guide_deduct div#case div.note div.list {
	float: left;
	width: 215px;
	padding: 0 0 0 0;
	margin: 8px 12px 0 0;
}

/* clearfix: Ver. 2007.05.31 ---------------- */
body#guide_deduct div#case dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
body#guide_deduct div#case dl { display:inline-block; }
/*\*/
* html body#guide_deduct div#case dl { height:1%; }
body#guide_deduct div#case dl { display:block; }
/**/

body#guide_deduct div#case div.note dl dt {
	float: left;
	width: 12em;
}
body#guide_deduct div#case div.note dl dd {
	float: left;
}

body#guide_deduct div#case div.img {
	position: relative;
	margin: 33px 0 0 10px;
}

body#guide_deduct div#case div.img p.img2 {
	position: absolute;
	top: -92px;
	left: 479px;
}



/* 注釈 -------- */
body#guide_deduct div#case p.footnote { text-indent: -1.2em; padding: 16px 0 0 1.2em; }





/* --------------------------------
	税金控除額シミュレーター
-------------------------------- */
body#guide_sim div#content {
	padding: 0 0 60px 0;
}

body#guide_sim div.lead,
body#guide_sim div#rules,
body#guide_sim div#simulate1,
body#guide_sim div#simulate2 {
	width: 645px;
	margin: 0 0 0 30px;
}


/* リード ------ */
body#guide_sim div.lead {
	padding: 30px 0 0 0;
	margin: 0 0 0 30px;
}

body#guide_sim div.lead div.pdf {
	padding: 15px 0 0 0;
}

body#guide_sim div.lead div.pdf p.btn {
	padding: 9px 0 0 0;
}

body#guide_sim div.lead div.pdf span {
	display: block;
	margin: -1.5em 0 0 140px;
}

body#guide_sim div.lead div.note {
	color: #ff0000;
	padding: 23px 0 0 0;
}

body#guide_sim div.lead div.note ul li {
	text-indent: -1.2em;
	padding: 0 0 0 1.2em;
}


/* 枠 ------ */
body#guide_sim div#main div.frame div.frame_bg {
	padding: 0 0 13px 0;
	margin: 0 0 0 0;
}
body#guide_sim div#main div.frame div.frame_bg div.frame_bg {
	background: url(../../common/img/frame_bg_top.gif) no-repeat;
	padding: 14px 0 0 23px;
}


/* シュミレーター ----------------- */
body#guide_sim div#simulate1 {
	padding: 40px 0 0 0;
}

body#guide_sim div#simulate2 {
	padding: 35px 0 0 0;
}

body#guide_sim div#simulate1 p.text,
body#guide_sim div#simulate2 p.text { margin: 19px 0 0 0; }

body#guide_sim div#simulate1 div.frame,
body#guide_sim div#simulate2 div.frame { margin: 20px 0 0 0; }


/* 入力項目 ------ */
body#guide_sim div.frame dl {
	width: 599px;
	font-size: 75%;
	line-height: 1.417;
	margin: 0 0 0 0;
}
/* clearfix: Ver. 2007.05.31 ---------------- */
body#guide_sim div.frame dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
body#guide_sim div.frame dl { display:inline-block; }
/*\*/
* html body#guide_sim div.frame dl { height:1%; }
body#guide_sim div.frame dl { display:block; }
/**/

body#guide_sim div.frame dl dt {
	position: relative;
	float: left;
	width: 180px;
	padding: 6px 0 6px 0;
	margin: 0 20px 0 0;
}

body#guide_sim div.frame dl dd {
	float: left;
	width: 130px;
	padding: 6px 0 6px 0;
	margin: 0 6px 0 0;
}
	
body#guide_sim div.frame dl dd.note {
	width: 262px;
	padding: 3px 0 0 0;
	margin: 0 0 0 0;
}
	
body#guide_sim div.frame dl dd.note span {
	display: block;
	font-size: 83.5%;
	text-indent: -1em;
	padding: 0 0 0 1em;
}

body#guide_sim div.frame dl dd input {
	width: 96px;
	font-size: 100%;
	text-align: right;
	border: 1px solid #7e9dba;
	padding: 0 2px 0 0;
	margin: 0 7px 0 0;
}


/* ボタン ------ */
body#guide_sim div.frame p.btn {
	width: 301px;
	text-align: right;
	margin: 12px 0 0 0;
}



/* 結果 ------ */
body#guide_sim div.frame div.result {
	width: 327px;
	border-top: 1px solid #e0e0e0;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
}

body#guide_sim div.frame div.result dl {
	margin: 0 0 0 0;
}

body#guide_sim div.frame div.result dl dt {
	float: none;
	padding: 0 0 0 0;
}

body#guide_sim div.frame div.result dl dd {
	float: none;
	width: 119px;
	text-align: right;
	padding: 0 0 0 0;
	margin: -1.417em 0 0 200px;
}

body#guide_sim div.frame div.result dl dd span {
	font-family: sans-serif;
	padding: 0 9px 0 0;
}


body#guide_sim div.frame div#result2 dl {
	padding: 3px 0 3px 0;
}
body#guide_sim div.frame div#result2 dl#t_deduct {
	padding: 7px 0 12px 0;
}




/* 考え方 ------ */
body#guide_sim div#main div#rules {
	background-image: url(../img/frame_w_bg_btm.gif);
	margin: 26px 0 0 30px;
}
body#guide_sim div#main div#rules div.frame_bg {
	background-image: url(../img/frame_w_bg.gif);
}
body#guide_sim div#main div#rules div.frame_bg div.frame_bg {
	background-image: url(../img/frame_w_bg_top.gif);
	padding: 21px 0 2px 23px;
}


body#guide_sim div#main div#rules h3,
body#guide_sim div#main div#rules p,
body#guide_sim div#main div#rules ul {
	width: 600px;
	font-size: 75%;
	line-height: 1.583;
}

body#guide_sim div#main div#rules h3 { 
	font-weight: bold;
	margin: 12px 0 0 0;
}