/* container 
--------------------------------------------------------------- */
#container h2 {
	text-indent:-9999px;
	float:right;
	width:600px;
	height:145px;
	background: url(../../gi/images/title.gif) no-repeat top left;
}





/* contents 
--------------------------------------------------------------- */
#contents {
	margin:0 20px 0 20px !important;
	margin:0 10px 0 10px;
	width: 560px;
	float:right;
}








/* contentsTop 
--------------------------------------------------------------- */

#contentsTop {
	margin:0 0 0 0;
	padding:25px 0 0 172px;
	width: 388px;
	height:420px;
	background:url(../../gi/images/top_g01.jpg) no-repeat top left;
}

#contentsTop .read {
	margin:0 0 30px 0;
	text-indent:-9999px;
	width:373px;
	height:63px;
	background: url(../../gi/images/top_read.gif) no-repeat top left;
}

#contentsTop .btnDetail a{
	margin:2px 0 0 10px;
	float:left;
	display:block;
	text-indent:-9999px;
	width:98px;
	height:16px;
	background: url(../../gi/images/btn_detail.gif) no-repeat top left;
	text-decoration:none;
}


/* question */

#contentsTop .question {
	margin:0 0 30px 0;
	float:left;
	width:363px !important;
	width:373px;
	padding:0 0 0 10px;
	border-left:solid 6px #0142BD;
}

#contentsTop .question .gi .title {
	margin:0 0 15px 0;
	float:left;
	text-indent:-9999px;
	width:85px;
	height:18px;
	background: url(../../gi/images/top_sti_gi.gif) no-repeat top left;
}

#contentsTop .question .calorie .title {
	margin:0 0 15px 0;
	float:left;
	text-indent:-9999px;
	width:90px;
	height:18px;
	background: url(../../gi/images/top_sti_calorie.gif) no-repeat top left;
}









/* contentsGi
--------------------------------------------------------------- */

#contentsGi {
	width: 560px;
}

#contentsGi h3{
	text-indent:-9999px;
	width: 560px;
	height:26px;
	background: url(../../gi/images/gi_title.gif) no-repeat top left;
	margin:0 0 20px 0;
}

#contentsGi .box{
	width:530px;
	margin:0 auto 30px auto;
}

#contentsGi .box h4.gi1{
	text-indent:-9999px;
	width:530px;
	height:15px;
	margin:0 0 15px 0;
	background: url(../../gi/images/gi_sti01.gif) no-repeat top left;
}

#contentsGi .box h4.gi2{
	text-indent:-9999px;
	width:530px;
	height:15px;
	margin:0 0 15px 0;
	background: url(../../gi/images/gi_sti02.gif) no-repeat top left;
}

#contentsGi .box h4.gi3{
	text-indent:-9999px;
	width:530px;
	height:15px;
	margin:0 0 15px 0;
	background: url(../../gi/images/gi_sti03.gif) no-repeat top left;
}

#contentsGi .box p.image{
	width:360px;
	float:left;
}

#contentsGi .box div.image{
	float:right;
	height:135px;
}

#contentsGi .box p.finish{
	text-indent:-9999px;
	width:530px;
	height:71px;
	background: url(../../gi/images/gi_txt.gif) no-repeat top left;
}

#contentsGi .mark{
	width:530px;
	margin:0 auto 30px auto;
	border:1px solid #CCCCCC;
}

#contentsGi .mark div.image{
	margin:10px 10px 10px 15px !important;
	margin:10px 5px 10px 7px;
	width:50px;
	float:left;
}

#contentsGi .mark p.image{
	margin:15px 15px 0 0 !important;
	margin:15px 7px 0 0;
	width:440px;
	float:right;
}









/* contentsCalorie
--------------------------------------------------------------- */

#contentsCalorie {
	width: 560px;
}

#contentsCalorie h3{
	text-indent:-9999px;
	width: 560px;
	height:26px;
	background: url(../../gi/images/calorie_title.gif) no-repeat top left;
	margin:0 0 20px 0;
}

#contentsCalorie .box{
	width:530px;
	margin:0 auto 30px auto;
}

#contentsCalorie .calorie_img{
	margin:20px 0;
}

#contentsCalorie .box h4.gi1{
	text-indent:-9999px;
	width:530px;
	height:15px;
	margin:0 0 15px 0;
	background: url(../../gi/images/calorie_sti01.gif) no-repeat top left;
}

#contentsCalorie .box h4.gi2{
	text-indent:-9999px;
	width:530px;
	height:15px;
	margin:0 0 15px 0;
	background: url(../../gi/images/calorie_sti02.gif) no-repeat top left;
}