@charset "utf-8";

/* CSS Information =====================
	File name: contents.css;
	Description: layout;
	Editors: Go Shimura(INO);
	Last Editor: Go Shimura(INO);
	Date: 2009.09.30;
======================================*/

/*  --winter2009--  */
div#visual-w09 {
	width: 850px;
	height: 360px;
	margin: 25px 0 20px;
	position: relative;
	background: url(../img/bg_visual.jpg) no-repeat;
}

div#visual-w09 h2,
div#visual-w09 p.copy {
	text-indent: -9999px;
}

div#visual-w09 h3 {
	position: absolute;
	left: 490px;
	top: 51px;
}

div#visual-w09 div#scheduleArea {
	width: 340px;
	position: absolute;
	left: 490px;
	top: 90px;
}

div#visual-w09 div#scheduleArea div#calendar {
	clear:both;
	width: 340px;
	height: 150px;
	overflow: hidden;
}

div#visual-w09 div#scheduleArea div#calendar p {
	display: none;
}

div#visual-w09 div#scheduleArea div#calendar img {
	margin-bottom: 20px;
}

div#visual-w09 div#scheduleArea dl {
	padding-top: 14px;
}

div#visual-w09 div#scheduleArea dl dt {
	width: 148px;
	float: left;
	margin: 23px 0 0 9px;
}

div#visual-w09 div#scheduleArea dl dd {
	margin-left: 180px;
	position: relative;
}

div#visual-w09 div#scheduleArea dl dd ul li a {
	text-indent: -9999px;
	width: 155px;
	height: 22px;
	display: block;
}

div#visual-w09 div#scheduleArea dl dd ul li.default a {
	background: url(../img/scheduletab_default.gif) no-repeat;
	position: absolute;
	left: 0;
	top: 53px;
}

div#visual-w09 div#scheduleArea dl dd ul li.chiba a {
	background: url(../img/scheduletab_chiba.gif) no-repeat;
	position: absolute;
	left: 0;
	top: 1px;
}

div#visual-w09 div#scheduleArea dl dd ul li.hokkaido a {
	background: url(../img/scheduletab_hokkaido.gif) no-repeat;
	position: absolute;
	left: 0;
	top: 27px;
}

div#visual-w09 div#scheduleArea dl dd ul li.default a:hover,
div#visual-w09 div#scheduleArea dl dd ul li.chiba a:hover,
div#visual-w09 div#scheduleArea dl dd ul li.hokkaido a:hover {
	background-position: 0 -22px;
}

div#visual-w09 div#scheduleArea dl dd ul li.default a.selected,
div#visual-w09 div#scheduleArea dl dd ul li.chiba a.selected,
div#visual-w09 div#scheduleArea dl dd ul li.hokkaido a.selected {
	background-position: 0 -44px;
}

div#visual-w09 ul.headBtn {
	position: absolute;
	right: 0;
	top: -45px;
}

div#visual-w09 ul.headBtn li {
	float: left;
	margin-left: 10px;
}

div#kobetsu-w09,
div#plusAlpha-w09,
div#voice-w09 {
	width: 850px;
	margin-bottom: 30px;
}

div#kobetsu-w09 {
	background: #f2f7fb url(../img/bg_kobetsu_area_bottom.gif) left bottom no-repeat;
}

div#plusAlpha-w09 {
	background: #f3efeb url(../img/bg_plusalpha_area_bottom.gif) left bottom no-repeat;
}

div#voice-w09 {
	background: #f7f4f2 url(../img/bg_voice_area_bottom.gif) left bottom no-repeat;
}

div#kobetsu-w09 .inner,
div#plusAlpha-w09 .inner,
div#voice-w09 .inner {
	width: 810px;
	padding: 20px;
}

div#kobetsu-w09 .inner ol {
	width: 430px;
	margin: 20px 0 0;
	float: left;
}

div#kobetsu-w09 .inner ol li {
	margin-bottom: 9px;
	height: 33px;
}

div#kobetsu-w09 .inner ol li img {
	vertical-align: top;
}

div#kobetsu-w09 .inner .image {
	width: 350px;
	margin: 20px 0 25px;
	float: right;
}

div#kobetsu-w09 .inner .section-1to2 {
	width: 562px;
	background: url(../img/bg_kobetsu_1to2_middle.gif) repeat-y;
	float: left;
}

div#kobetsu-w09 .inner .section-1to2 h3 {
	background: url(../img/bg_kobetsu_1to2_top.gif) no-repeat;
	padding: 11px 0 10px 10px;
}

div#kobetsu-w09 .inner .section-1to2 .phArea {
	background: url(../img/bg_kobetsu_1to2_bottom.gif) left bottom no-repeat;
	padding: 0 0 11px 11px;
}

div#kobetsu-w09 .inner .section-1to2 .phArea div {
	float: left;
}

div#kobetsu-w09 .inner .section-1to2 .phArea div.photoframe {
	margin-right: 10px;
}

div#kobetsu-w09 .inner .section-1to1 {
	width: 232px;
	background: url(../img/bg_kobetsu_1to1_middle.gif) repeat-y;
	float: right;
}

div#kobetsu-w09 .inner .section-1to1 h3 {
	background: url(../img/bg_kobetsu_1to1_top.gif) no-repeat;
	padding: 11px 0 10px 10px;
}

div#kobetsu-w09 .inner .section-1to1 .photoframe {
	background: url(../img/bg_kobetsu_1to1_bottom.gif) left bottom no-repeat;
	padding: 0 0 11px 11px;
}

div#kobetsu-w09 .inner .section-1to2 p,
div#kobetsu-w09 .inner .section-1to1 p {
	padding: 0 12px 10px;
}

div#kobetsu-w09 .inner .btn {
	clear: both;
	text-align: center;
	padding-top: 15px;
}

div#plusAlpha-w09 .inner .section {
	width: 258px;
	margin-right: 18px;
	background: url(../img/bg_plusalpha_middle.gif) repeat-y;
	float: left;
}

div#plusAlpha-w09 .inner .section h3 {
	background: url(../img/bg_plusalpha_top.gif) no-repeat;
	padding: 11px 0 10px 10px;
}

div#plusAlpha-w09 .inner .cats {
	margin-right: 0;
}

div#plusAlpha-w09 .inner .section .photoframe {
	padding: 0 0 8px 11px;
}

div#plusAlpha-w09 .inner .section p {
	background: url(../img/bg_plusalpha_bottom.gif) left bottom no-repeat;
	padding: 0 12px 10px;
}

div#plusAlpha-w09 .inner .section p span {
	display: block;
}

div#plusAlpha-w09 .inner .section p a {
	display: block;
	background: url(../../shared/img/ico_rightArrow.gif) no-repeat 6px 50%;
	width: auto;
	float: right;
	padding-left: 16px;
}

div#voice-w09 .inner .columnL {
	background: url(../img/border_voice.gif) left bottom repeat-x;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

div#voice-w09 .inner .columnL .text {
	float: left;
}

div#voice-w09 .inner .columnL .profileArea {
	float: right;
}

div#voice-w09 .inner .columnR {
	background: url(../img/border_voice.gif) left bottom repeat-x;
	padding-bottom: 20px;
	margin-bottom: 20px;
	clear: both;
}

div#voice-w09 .inner .columnR .text {
	float: right;
}

div#voice-w09 .inner .columnR .profileArea {
	float: left;
}

div#voice-w09 .inner .last {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}


div#voice-w09 .inner .text {
	width: 550px;
}

div#voice-w09 .inner .text h3 {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 15px;
}

div#voice-w09 .inner .text dl dt {
	font-size: 116.7%;
	font-weight: bold;
	color: #f98d41;
	margin-bottom: 5px;
	padding-left: 38px;
	background: url(../img/bg_voice_dt.gif) 0 0.6em no-repeat;
}

div#voice-w09 .inner .text dl dd {
	margin-bottom: 5px;
}

div#voice-w09 .inner .text dl dd p {
	padding-bottom: 1em;
}

div#voice-w09 .inner .profileArea {
	width: 240px;
}

div#voice-w09 .inner .profileArea .profile {
	margin-top: 10px;
	background: #ebe3de url(../img/bg_voice_profile_bottom.gif) left bottom no-repeat;
}

div#voice-w09 .inner .profileArea .profile h4 {
	background: #ebe3de url(../img/bg_voice_profile_top.gif) no-repeat;
	padding: 8px 8px 3px;
	text-align: center;
}

div#voice-w09 .inner .profileArea .profile h4 span {
	font-size: 116.7%;
	font-weight: bold;
}

div#voice-w09 .inner .profileArea .profile p {
	padding: 0 8px 8px;
	font-size: 83.4%;
}


div#content-wrapper p.toPagetop {
	float: right;
	width: auto;
	margin-top: 10px;
	margin-bottom: 0.67em;
	padding-left: 12px;
	display: block;
	white-space: nowrap;
	background: url(../../shared/img/ico_upperArrow.gif) no-repeat left center;
	clear: both;
}


/*  --spring2010--  */
div#visual-s10 {
	width: 850px;
	height: 360px;
	margin: 25px 0 20px;
	position: relative;
	background: url(../img/bg_visual_s10.jpg) no-repeat;
}

div#visual-s10 h2,
div#visual-s10 p.copy {
	text-indent: -9999px;
}

div#visual-s10 h3 {
	position: absolute;
	left: 479px;
	top: 62px;
}

div#visual-s10 div#scheduleArea {
	width: 340px;
	position: absolute;
	left: 479px;
	top: 102px;
}

div#visual-s10 div#scheduleArea div#calendar {
	clear:both;
	width: 340px;
	height: 150px;
	overflow: hidden;
}

div#visual-s10 div#scheduleArea div#calendar p {
	display: none;
}

div#visual-s10 div#scheduleArea div#calendar img {
	margin-bottom: 20px;
}

div#visual-s10 div#scheduleArea dl {
	padding-top: 14px;
}

div#visual-s10 div#scheduleArea dl dt {
	width: 148px;
	float: left;
	margin: 11px 0 0 9px;
}

div#visual-s10 div#scheduleArea dl dd {
	margin-left: 180px;
	position: relative;
}

div#visual-s10 div#scheduleArea dl dd ul li a {
	text-indent: -9999px;
	width: 155px;
	height: 22px;
	display: block;
}

div#visual-s10 div#scheduleArea dl dd ul li.default a {
	background: url(../img/scheduletab_default.gif) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}

div#visual-s10 div#scheduleArea dl dd ul li.kanagawa a {
	background: url(../img/scheduletab_kanagawa_s10.gif) no-repeat;
	position: absolute;
	left: 0;
	top: 26px;
}


div#visual-s10 div#scheduleArea dl dd ul li.default a:hover,
div#visual-s10 div#scheduleArea dl dd ul li.kanagawa a:hover {
	background-position: 0 -22px;
}

div#visual-s10 div#scheduleArea dl dd ul li.default a.selected,
div#visual-s10 div#scheduleArea dl dd ul li.kanagawa a.selected,
div#visual-s10 div#scheduleArea dl dd ul li.default a.selected:hover,
div#visual-s10 div#scheduleArea dl dd ul li.kanagawa a.selected:hover {
	background-position: 0 -44px;
}

div#visual-s10 ul.headBtn {
	position: absolute;
	right: 0;
	top: -45px;
}

div#visual-s10 ul.headBtn li {
	float: left;
	margin-left: 10px;
}