/*	var1.0
	Disc {
		Grid seting [
			@Rule of nest
				w -> cn -> bg 
					*IF you split bg
					-> sp -> un-fs,un
			@.sp Special classes
				.sp"i"-"j1"_"j2"_"j3"
				"i" is denominator
				"j" is numerator
				EX) .sp3-2_1
				.un .fs = "2/3"
				.un = "3/1"

			*width is abbreviated to "w"
			*px is abbreviated to "p"
			*fixed is abbreviated to "fx"
			*left is abbreviated to "l"
			*right is abbreviated to "r"
			*content is abbreviated to "cn"
			*body is abbreviated to "db"
			*split is abbreviated to "sp"
			*unit is abbreviated to "un"
			*farst is abbreviated to "fs"
			
			@Custom width setting [
				*For non-IE browser
					px/13 = em
				*For IE
					px/13.3333 = em
				EX) width 600px
					custom width {
						margin:auto;
						text-align:left;
						width:46.15em;
						*width:46em
						min-width:600px;
					}
			]
		]

		Font size settng [
			For pixels(px)	Declare this percent(%)
			10px			77%
			11px			85%
			12px			93%
			13px			100%
			14px			108%
			15px			116%
			16px			123.1%
			17px			131%
			18px			138.5%
			19px			146.5%
			20px			153.9%
			21px			161.6%
			22px			167%
			23px			174%
			24px			182%
			25px			189%
			26px			197%
		]
	}
*/

@import "lib/reset.css";

/* common setting */


#interest {
	width: 588px;
}

#interest p {
	font-size: 12px;
	line-height: 130%;
	margin: 0px;
	padding: 0px;
}

#interest h1 {
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

#interest h2,
#interest h3,
#interest h4,
#interest h5,
#interest h6 {
	margin: 0px;
	padding: 0px;
}

#interest strong {
	margin:0 0 12px !important;
	display:block;
}

#interest img {
	border: 0px;
}

#interest a {
	color: #009766;
	text-decoration: underline;
}

#interest a:hover {
	color: #EE568A;
	text-decoration: underline;
}

.int_p {
	color: #00A55E;
	font-weight: bold;
}


/* -------- SIDELINE -------- */
#int_side_main {
	width: 588px;
	height: 200px;
	background: url("../images/interest/side_bg.jpg") no-repeat;
}

#int_side_main p {
	margin: 15px 0px 0px 20px;
	width: 320px;
	line-height: 150%;
}

#int_btn {
	width: 540px;
	height: 60px;
	background: #FFEAE9;
	margin: 20px 24px;
}

#int_btn p {
	text-align: center;
	vertical-align: middle;
	padding: 13px 0px 0px 0px;
}

#int_btn p img {
	text-align: center;
	vertical-align: middle;
	margin: 0px 10px;
}

#int_data {
	width: 588px;
	border: 1px solid #CCC;
	border-collapse: collapse;
	margin: 0px 0px 20px 0px;
}

#int_data_ttl {
	width: 588px;
	border: 1px solid #CCC;
	background: url("../images/interest/sel_line.jpg") no-repeat #F3F3F3;
	border-collapse: collapse;
}

#int_data h2 {
	float: left;
	width: 410px;
	padding: 12px 0px 12px 20px;
}

#int_data h2 a {
	color: #D81010;
	text-decoration: underline;
	font-size: 14px;
}

#int_data h2 a:hover {
	color: #D81010;
	text-decoration: none;
	font-size: 14px;
}

#int_data_ttl p {
	float: right;
	width: 140px;
	font-size: 11px;
	vertical-align: middle;
	margin: 10px 5px 0px 0px;
}

*html>body #int_data_txt {
	clear: both;
	float: left;
	width: 440px;
	padding: 10px;
}

#int_data_txt {
	clear: both;
	float: left;
	width: 420px;
	padding: 10px;
}

#int_data_txt h3 {
	color: #00A55E;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
}

#int_data_txt p {

}

#int_data_img {
	float: left;
	width: 140px;
	position: relative;
	text-align: center;
	padding: 4px 0px 4px 0px;
}

#int_data_img img {
	padding: 3px 0px;
}

#int_data td {
	vertical-align: middle;
}

#int_btn02 {
	width: 540px;
	height: 60px;
	background: #FFEAE9;
	margin: 0px 24px 20px 24px;
}

#int_btn02 p {
	text-align: center;
	vertical-align: middle;
	padding: 13px 0px 0px 0px;
}

#int_btn02 p img {
	text-align: center;
	vertical-align: middle;
	margin: 0px 10px;
}

#int_sel {
	width: 588px;
	height: 224px;
	background: url("../images/interest/sel_bg.jpg") no-repeat;
	margin: 0px 0px 30px 0px
}

#int_sel h2 {
	padding: 39px 0px 5px 9px;
}

#int_sel ul {
	margin: 0px 0px 0px 9px;
	padding: 0px;
	list-style-type: none;
}

#int_sel li {
	display: inline;
}

/* -------- /SIDELINE -------- */



/* -------- ALONE -------- */
#int_alone_main {
	width: 588px;
	height: 200px;
	background: url("../images/interest/al_bg.jpg") no-repeat;
}

#int_alone_main p {
	margin: 15px 0px 0px 20px;
	width: 340px;
	line-height: 150%;
}

/* -------- /ALONE -------- */



/* -------- BEGINNER -------- */
#int_beg_main {
	width: 588px;
	height: 200px;
	background: url("../images/interest/beg_bg.jpg") no-repeat;
}

#int_beg_main p {
	margin: 15px 0px 0px 20px;
	width: 300px;
	line-height: 150%;
}

/* -------- /BEGINNER -------- */



/* -------- MULTI -------- */
#int_ml_main {
	width: 588px;
	height: 200px;
	background: url("../images/interest/ml_bg.jpg") no-repeat;
}

#int_ml_main p {
	margin: 15px 0px 0px 20px;
	width: 290px;
	line-height: 150%;
}

/* -------- /MULTI -------- */



/* -------- FREE -------- */
#int_free_main {
	width: 588px;
	height: 200px;
	background: url("../images/interest/free_bg.jpg") no-repeat;
}

#int_free_main p {
	margin: 15px 0px 0px 20px;
	width: 270px;
	line-height: 150%;
}

/* -------- /FREE -------- */



/* -------- COMPANY -------- */
#int_com_main {
	width: 588px;
	height: 200px;
	background: url("../images/interest/com_bg.jpg") no-repeat;
}

#int_com_main p {
	margin: 15px 0px 0px 20px;
	width: 300px;
	line-height: 150%;
}

/* -------- /COMPANY -------- */



/* -------- KENSHU -------- */
#int_kenshu_main {
	width: 588px;
	height: 200px;
	background: url("../images/interest/kenshu_bg.jpg") no-repeat;
}

#int_kenshu_main p {
	margin: 15px 0px 0px 20px;
	width: 300px;
	line-height: 150%;
}

/* -------- /KENSHU -------- */



/* -------- SMALLSPACE -------- */
#int_smallspace_main {
	width: 588px;
	height: 200px;
	background: url("../images/interest/smallspace_bg.jpg") no-repeat;
}

#int_smallspace_main p {
	margin: 15px 0px 0px 20px;
	width: 300px;
	line-height: 150%;
}

/* -------- /SMALLSPACE -------- */



/* -------- LOWCOST -------- */
#int_lowcost_main {
	width: 588px;
	height: 200px;
	background: url("../images/interest/lowcost_bg.jpg") no-repeat;
}

#int_lowcost_main p {
	margin: 15px 0px 0px 20px;
	width: 300px;
	line-height: 150%;
}

/* -------- /LOWCOST -------- */



/* -------- TENPO -------- */
#int_tenpo_main {
	width: 588px;
	height: 200px;
	background: url("../images/interest/tenpo_bg.jpg") no-repeat;
}

#int_tenpo_main p {
	margin: 15px 0px 0px 20px;
	width: 300px;
	line-height: 150%;
}

/* -------- /TENPO -------- */



/* -------- TEINEN -------- */
#int_teinen_main {
	width: 588px;
	height: 200px;
	background: url("../images/interest/teinen_bg.jpg") no-repeat;
}

#int_teinen_main p {
	margin: 15px 0px 0px 20px;
	width: 300px;
	line-height: 150%;
}

/* -------- /TEINEN -------- */



/* -------- 50 -------- */
#int_50_main {
	width: 588px;
	height: 200px;
	background: url("../images/interest/50_bg.jpg") no-repeat;
}

#int_50_main p {
	margin: 15px 0px 0px 20px;
	width: 300px;
	line-height: 150%;
}

/* -------- /50 -------- */


/* -------- space -------- */
#int_space_main {
	width: 588px;
	height: 200px;
	background: url("../images/interest/space_bg.jpg") no-repeat;
}

#int_space_main p {
	margin: 15px 0px 0px 20px;
	width: 300px;
	line-height: 150%;
}

/* -------- /space -------- */


/* -------- TOP -------- */
#int_top_main {
	text-align:left;
	width: 588px;
	height: 200px;
	background: url("../images/interest/top_bg.jpg") no-repeat;
}

#int_top_main h1 {
	margin: 0px;
	padding: 20px 0px 0px 140px;
}

#int_top_main p {
	width:360px;
	margin: 105px 0px 0px 200px;
	line-height: 150%;
}

#int_top01 {
	float: left;
	width: 588px;
	margin: 20px 0px 0px 0px;
}

#int_top01_ttl {
	width: 385px;
	_width: 380px;
	float: left;
}

#int_top01_ttl p {
	text-align:left;
	width: 370px;
	line-height: 150%;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
}

#int_top_a a {
	color: #D81010;
	text-decoration: underline;
}

#int_top_a a:hover {
	color: #D81010;
	text-decoration: none;
}

#int_top01_img {
	width: 203px;
	float: right;
	margin: 0px 0px 0px 5px;
}


#int_top02 {
	clear: both;
	float: left;
	width: 588px;
	margin: 20px 0px 0px 0px;
}

#int_top02_ttl {
	width: 385px;
	_width: 380px;
	float: left;
}

#int_top02_ttl p {
	text-align:left;
	width: 370px;
	line-height: 150%;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
}

#int_top02_img {
	width: 203px;
	float: right;
	margin: 0px 0px 0px 5px;
}


#int_top03 {
	clear: both;
	float: left;
	width: 588px;
	margin: 20px 0px 0px 0px;
}

#int_top03_ttl {
	width: 385px;
	_width: 380px;
	float: left;
}

#int_top03_ttl p {
	text-align:left;
	width: 370px;
	line-height: 150%;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
}

#int_top03_img {
	width: 203px;
	float: right;
	margin: 0px 0px 0px 5px;
}


#int_top04 {
	clear: both;
	float: left;
	width: 588px;
	margin: 20px 0px 0px 0px;
}

#int_top04_ttl {
	width: 385px;
	_width: 380px;
	float: left;
}

#int_top04_ttl p {
	text-align:left;
	width: 370px;
	line-height: 150%;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
}

#int_top04_img {
	width: 203px;
	float: right;
	margin: 0px 0px 0px 5px;
}


#int_top05 {
	clear: both;
	float: left;
	width: 588px;
	margin: 20px 0px 0px 0px;
}

#int_top05_ttl {
	width: 385px;
	_width: 380px;
	float: left;
}

#int_top05_ttl p {
	text-align:left;
	width: 370px;
	line-height: 150%;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
}

#int_top05_img {
	width: 203px;
	float: right;
	margin: 0px 0px 0px 5px;
}


#int_top06 {
	clear: both;
	width: 588px;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
}

#int_top06_ttl {
	width: 385px;
	_width: 380px;
	float: left;
}

#int_top06_ttl p {
	text-align:left;
	width: 370px;
	line-height: 150%;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
}

#int_top06_img {
	width: 203px;
	float: right;
	margin: 0px 0px 0px 5px;
}

#int_top07 {
	clear: both;
	width: 588px;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
}

#int_top07_ttl {
	width: 385px;
	_width: 380px;
	float: left;
}

#int_top07_ttl p {
	text-align:left;
	width: 370px;
	line-height: 150%;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
}

#int_top07_img {
	width: 203px;
	float: right;
	margin: 0px 0px 0px 5px;
}

#int_top08 {
	clear: both;
	width: 588px;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
}

#int_top08_ttl {
	width: 385px;
	_width: 380px;
	float: left;
}

#int_top08_ttl p {
	text-align:left;
	width: 370px;
	line-height: 150%;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
}

#int_top08_img {
	width: 203px;
	float: right;
	margin: 0px 0px 0px 5px;
}

#int_top09 {
	clear: both;
	width: 588px;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
}

#int_top09_ttl {
	width: 385px;
	_width: 380px;
	float: left;
}

#int_top09_ttl p {
	text-align:left;
	width: 370px;
	line-height: 150%;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
}

#int_top09_img {
	width: 203px;
	float: right;
	margin: 0px 0px 0px 5px;
}

#int_top10 {
	clear: both;
	width: 588px;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
}

#int_top10_ttl {
	width: 385px;
	_width: 380px;
	float: left;
}

#int_top10_ttl p {
	text-align:left;
	width: 370px;
	line-height: 150%;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
}

#int_top10_img {
	width: 203px;
	float: right;
	margin: 0px 0px 0px 5px;
}

#int_top11 {
	clear: both;
	width: 588px;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
}

#int_top11_ttl {
	width: 385px;
	_width: 380px;
	float: left;
}

#int_top11_ttl p {
	text-align:left;
	width: 370px;
	line-height: 150%;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
}

#int_top11_img {
	width: 203px;
	float: right;
	margin: 0px 0px 0px 5px;
}

#int_top12 {
	clear: both;
	width: 588px;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
}

#int_top12_ttl {
	width: 385px;
	_width: 380px;
	float: left;
}

#int_top12_ttl p {
	text-align:left;
	width: 370px;
	line-height: 150%;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
}

#int_top12_img {
	width: 203px;
	float: right;
	margin: 0px 0px 0px 5px;
}



#int_top13 {
	clear: both;
	width: 588px;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
}

#int_top13_ttl {
	width: 385px;
	_width: 380px;
	float: left;
}

#int_top13_ttl p {
	text-align:left;
	width: 370px;
	line-height: 150%;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
}

#int_top13_img {
	width: 203px;
	float: right;
	margin: 0px 0px 0px 5px;
}

#int_clear {
	clear: both;
	padding-bottom: 30px;
}







/* -------- /TOP -------- */