@charset "utf-8";

/* ProgramCSS --------------------------------------

-rside
-compo add

-program_introbox
-program_imagebox
-program_contentsbox

-index

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

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

#rside div.program_menu .title{
	padding-left:8px;
	padding-top:8px;
}
#rside div.program_menu .title02{
	padding-left:8px;
	margin-bottom:5px;
}

#rside div.program_menu div.line{
	background: url(/program/img_cmn/line_rmenu_01.gif) no-repeat center 5px;
	padding:18px 0px 2px;
}

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

/* compo add
----------------------------------------------------*/ 
#contents .lineheader_program {
	border-top:3px solid #006F94;
	padding:13px 10px 0 10px;
	width:726px;
	margin:0 auto 20px 0;
	font-size:large;
	font-weight: bold;
}
#contents .lead_m10 {
	margin:0px 10px;
	line-height: 1.6em;
}

/* program_introbox
----------------------------------------------------*/ 

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

#contents div.program_introbox div.pack {
	width:738px;
	background:url(/program/img_cmn/bg_program_introbox_02.gif) repeat-y left top;
}

#contents div.program_introbox div.infobox01 {
	width:224px;
	text-align: left;
	background: url(/program/img_cmn/bg_introboxline_01.gif) repeat-y right top;
	padding: 0px 10px 0px 10px;
	float:left;
}
#contents div.program_introbox div.infobox02 {
	width:224px;
	text-align: left;
	background: url(/program/img_cmn/bg_introboxline_01.gif) repeat-y right top;
	padding: 0px 10px 0px 10px;
	float:left;
}
#contents div.program_introbox div.infobox03 {
	width:224px;
	text-align: left;
	padding: 0px 0px 5px 10px;
	float:left;
}

#contents div.program_introbox div.infobox01 .title{
	background:url(/program/img_cmn/bg_introtitle_01.gif) no-repeat 2px bottom;
	padding:0px 5px 11px 50px;
	margin-bottom:8px;
}
#contents div.program_introbox div.infobox02 .title{
	background:url(/program/img_cmn/bg_introtitle_01.gif) no-repeat left bottom;
	padding:0px 5px 11px;
	margin-bottom:8px;
}
#contents div.program_introbox div.infobox03 .title{
	background:url(/program/img_cmn/bg_introtitle_01.gif) no-repeat left bottom;
	padding:0px 5px 11px;
	margin-bottom:8px;
}

#contents div.program_introbox div.popicon01 {
	position:absolute;
	top: -13px;
	left: -11px;
}
#contents div.program_introbox div.popicon02 {
	position:absolute;
	top: -10px;
	left: 245px;
}
#contents div.program_introbox div.popicon03 {
	position:absolute;
	top: -10px;
	left: 485px;
}

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

#contents div.program_introbox ul.recommend{
	padding:8px 0px 0px 5px;
	margin:0px;
}
#contents div.program_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;
}

/* program_imagebox
----------------------------------------------------*/ 

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

#contents div.program_imagebox div.pack {
	width:738px;
	background:url(/program/img_cmn/bg_program_introbox_02.gif) repeat-y left top;
	padding-top: 10px;
}
#contents div.program_imagebox div.pack02 {
	width:738px;
	background:url(/program/img_cmn/bg_program_introbox_04.gif) no-repeat left bottom;
	padding-bottom: 25px;
}

#contents div.program_imagebox div.image_titlebox{
	padding:0px 15px;
	margin-bottom: 7px;
}
#contents div.program_imagebox div.image_titlebox .title{
	margin-right:15px;
	float:left;
}
#contents div.program_imagebox div.image_titlebox p{ float:left; 
}
#contents div.program_imagebox div.image{
	padding:0px 15px;
}

/* program_contentsbox
----------------------------------------------------*/
#contents div.program_contentsbox {
	width:738px;
	background:url(/program/img_cmn/bg_program_introbox_06.gif ) repeat-y 0 0;
	position: relative;
	margin: 0px auto;
}
#contents div.program_contentsbox div.pack {
	width:738px;
	background:url(/program/img_cmn/bg_program_introbox_05.gif) no-repeat left bottom;
	padding-bottom:15px;
}
#contents div.program_contentsbox div.pack_headerbg {
	width:738px;
	background:url(/program/img_cmn/bg_program_introbox_04.gif) no-repeat left top;
	padding-top:20px;
}
#contents div.program_contentsbox div.titlebox {
	width:708px;
	background:url(/lib/img/bg_dotline_01.gif) repeat-x left bottom;
	padding:10px 0px 8px;
	margin:0 auto 10px;
}
#contents div.program_contentsbox div.titlebox .title{
	background:url(/school/img_cmn/icon_contentsbox.gif) no-repeat 2px center;
	font-size:medium;
	font-weight: bold;
	padding-left: 22px;
	width:auto;
}

#contents div.program_contentsbox table.program_table{
	width:708px;
	margin:0px auto;
}
#contents div.program_contentsbox table.program_table th{
	margin:0px auto;
	background: #696969;
	padding:7px 10px;
	font-weight: bold;
	color: #FFF;
}
#contents div.program_contentsbox table.program_table td.name{
	margin:0px auto;
	padding:7px 10px;
	font-weight: bold;
	vertical-align:top;
}
#contents div.program_contentsbox table.program_table td.content{
	margin:0px auto;
	padding:7px 10px;
	vertical-align:top;
}
#contents div.program_contentsbox table.program_table td.c01{
	background: #F0F0F0;
}


/* 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;
}
#contents div.index_pbox div{
	float:left;
}


/* 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.photo_R{
	float:right;
	margin-left: 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_07.gif) no-repeat 0px 2px;
	padding-left: 15px;
	font-weight: bold;
}
#contents div.program_classbox .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;
}