@charset "utf-8";

/* ProgramPurposeCSS --------------------------------------

-rside
-purpose_introbox
-index

----------------------------------------------------*/

/* rside
----------------------------------------------------*/ 
#rside div.purpose_menu {
	width:218px;
	background: url(/program_purpose/img_cmn/bg_rmenu_01.gif) repeat-y 0px 0px;
	margin-bottom:10px;
}
#rside div.purpose_menu div.pack{
	width:218px;
	background: url(/program_purpose/img_cmn/bg_rmenu_02.gif) no-repeat left bottom;
}
#rside div.purpose_menu .program_title{
}

#rside div.purpose_menu div.menu{
	padding:5px 2px 8px;
}
#rside div.purpose_menu div.menu ul{
	padding:0px;
	margin:0px;
}
#rside div.purpose_menu div.menu ul li{
	width:214px;
	padding:0px;
	margin:0px;
	list-style:none;
}
#rside div.purpose_menu div.menu ul li a{
	padding:4px 0px 3px 20px;
	display:block;
	background: url(/lib/img/icon_link_06.gif) no-repeat 7px 6px;
	text-decoration:none;
}
#rside div.purpose_menu div.menu ul li a:hover{
	padding:4px 0px 3px 20px;
	display:block;
	background: #FBEDD8 url(/lib/img/icon_link_06.gif) no-repeat 7px 6px;
	font-weight: bold;
	color: #FF3833;
	text-decoration:none;
}
#rside div.purpose_menu div.menu ul .stay{
	background: #FBEDD8;
	font-weight: bold;
	color: #FF3833 !important;
}
#rside div.purpose_menu div.menu ul .stay a:link,
#rside div.purpose_menu div.menu ul .stay a:visited,
#rside div.purpose_menu div.menu ul .stay a:active,
#rside div.purpose_menu div.menu ul .stay a:hover{
	color: #FF3833 !important;
	text-decoration:none;
}

/* purpose_introbox
----------------------------------------------------*/ 

#contents div.purpose_introbox {
	width:738px;
	background:url(/program_purpose/img_cmn/bg_purpose_introbox_01.gif ) no-repeat 0 0;
	padding-top:22px;
	position: relative;
	margin: 0px auto;
}

#contents div.purpose_introbox div.pack {
	width:738px;
	background:url(/program_purpose/img_cmn/bg_purpose_introbox_03.gif) repeat-y 0px 0px;
}

#contents div.purpose_introbox div.infobox01 {
	width:346px;
	text-align: left;
	background: url(/program_purpose/img_cmn/bg_introboxline_01.gif) repeat-y right top;
	padding: 0px 12px 0px 11px;
	float:left;
}
#contents div.purpose_introbox div.infobox02 {
	width:346px;
	text-align: left;
	padding: 0px 0px 0px 11px;
	float:left;
}

#contents div.purpose_introbox div.infobox01 .title{
	background:url(/program_purpose/img_cmn/bg_introtitle_02.gif) no-repeat left bottom;
	padding:0px 5px 11px 48px;
	margin-bottom:15px;
}
#contents div.purpose_introbox div.infobox02 .title{
	background:url(/program_purpose/img_cmn/bg_introtitle_01.gif) no-repeat left bottom;
	padding:0px 5px 11px;
	margin-bottom:15px;
}

#contents div.purpose_introbox div.popicon01 {
	position:absolute;
	top: -13px;
	left: -11px;
}
#contents div.purpose_introbox div.popicon02 {
	position:absolute;
	top: -10px;
	left: 370px;
}

#contents div.purpose_introbox ul.recommend{
	padding:0px 0px 0px 5px;
	margin:0px;
}
#contents div.purpose_introbox ul.recommend li{
	padding:0px 0px 0px 10px;
	margin:0px 0px 5px;
	list-style:none;
	background: url(/lib/img/icon_list_01.gif) no-repeat left 5px;
}

#contents div.purpose_introbox ul.program_menu{
	padding:0px 0px 0px 5px;
	margin:0px;
}
#contents div.purpose_introbox ul.program_menu li{
	padding:0px 0px 0px 10px;
	margin:0px 0px 5px;
	list-style:none;
	background: url(/lib/img/icon_list_01.gif) no-repeat left 5px;
}
#contents div.purpose_introbox ul.program_menu li.list01{
	width: 190px;
	float: left;
}
#contents div.purpose_introbox ul.program_menu li.list02{
	width: 140px;
	float: left;
}
#contents div.purpose_introbox ul.program_menu li.list03{
	width: 330px;
	float: left;
}


#contents div.purpose_introbox02 {
	width:738px;
	background:url(/program_purpose/img_cmn/bg_purpose_introbox_04.gif ) no-repeat 0 0;
	padding-top:25px;
	position: relative;
	margin: 0px auto;
}

#contents div.purpose_introbox02 div.pack {
	width:738px;
	background:url(/program_purpose/img_cmn/bg_purpose_introbox_02.gif) no-repeat left bottom;
	padding-bottom: 15px;
}

#contents div.purpose_introbox02 div.popicon03 {
	position:absolute;
	top: 5px;
	left: 12px;
}

#contents div.purpose_introbox02 div.infobox03 {
	width:712px;
	text-align: left;
	padding: 0px 13px 0px 13px;
}
#contents div.purpose_introbox02 div.infobox03 .title{
	width:702px;
	background:url(/program_purpose/img_cmn/bg_introtitle_03.gif) no-repeat left bottom;
	padding:12px 5px 11px;
	margin-bottom:8px;
}

#contents div.purpose_introbox02 div.textbox {
	padding:0px 5px;
}
#contents div.purpose_introbox02 div.textbox p.text_comment{
	line-height:1.8em;
}


/* index
----------------------------------------------------*/

/* gateway_navi */

#contents div.gateway_navi {
	background:url(/lib/img_store/bg_ln_charge.gif) repeat-x left top;
	width:746px;
	margin-bottom:20px;
}

#contents div.gateway_navi li {
	float:left;
	padding-right:2px;
}

#contents div.gateway_navi li img {
	vertical-align:top;
}


/* index_pbox */

#contents div.index_pbox{
	margin-bottom:20px;
}


/* program_classbox */

#contents div.program_classbox {
	width:746px;
	background:url(/lib/img/bg_graybox01_02.gif) repeat-y 0 0;
}

#contents div.program_classbox div.pack {
	width:746px;
	background:url(/lib/img/bg_graybox01_03.gif) no-repeat left bottom;
	padding-bottom:23px;
}

#contents div.program_classbox div.title {
	width:700px;
	background:url(/lib/img/bg_graybox01_01.gif) no-repeat 0 0;
	padding:20px 23px 0 23px;
}

#contents div.program_classbox div.title .header {
	font-size:large;
	padding:0 0 6px 20px;
	background:url(/lib/img_store/bg_header_standard.gif) no-repeat left bottom;
	min-height:16px;
	height:auto !important;
	height:16px;
	line-height:1;
}

#contents div.program_classbox div.detail {
	width:700px;
	padding:10px 23px 0 23px;
}

#contents div.program_classbox div.compo_left {
	width:345px;
	background: url(/lib/img/bg_dotline_01.gif) repeat-x left bottom;
	margin-right:9px;
	padding-bottom: 17px;
	float:left;
}

#contents div.program_classbox div.compo_right {
	width:345px;
	background: url(/lib/img/bg_dotline_01.gif) repeat-x left bottom;
	padding-bottom: 17px;
	float:left;
}

#contents div.program_classbox div.compo_left_end {
	width:345px;
	margin-right:9px;
	float:left;
}

#contents div.program_classbox div.compo_right_end {
	width:345px;
	float:left;
}

#contents div.program_classbox div.photo{
	float:left;
	margin-right:10px;
}
#contents div.program_classbox div.textbox01{
	width:594px;
	float: left;
}
#contents div.program_classbox div.textbox02{
	width:235px;
	float: left;
}
#contents div.program_classbox div.program_name{
	margin-bottom:3px;
	background: url(/lib/img/icon_link_06.gif) no-repeat 0px 2px;
	padding-left: 15px;
	font-weight: bold;
}
#contents div.program_classbox div.text{
	line-height:1.6em;
}


/* inq_orangebox */
#contents div.inq_orangebox {
	width:746px;
	background:url(/program/img_cmn/bg_orangebox_01.gif) no-repeat left top;
	padding-top: 18px;
}

#contents div.inq_orangebox div.pack {
	width:746px;
	background:url(/program/img_cmn/bg_orangebox_02.gif) no-repeat left bottom;
	padding-bottom:18px;
}

#contents div.inq_orangebox div.pack .text{
	margin:0px 23px;
}
#contents div.inq_orangebox div.pack .text p{
	line-height: 1.6em;
}

#contents div.inq_orangebox div.pack a.inq {
	display:block;
	padding-left:13px;
	background: url(/lib/img/icon_link_06.gif) no-repeat left center;
	margin-top: 5px;
}