@charset "utf-8";
/*--------------------------------------------------------------------------
10 font-size: 77%;
11 font-size: 85%;
12 font-size: 93%;
13 font-size: 100%;
14 font-size: 108%;
15 font-size: 116%;
16 font-size: 123.1%;
17 font-size: 131%;
18 font-size: 138.5%;
19 font-size: 146.5%;
20 font-size: 153.9%;
21 font-size: 161.6%;
22 font-size: 167%;
23 font-size: 174%;
24 font-size: 182%;
25 font-size: 189%;
26 font-size: 197%;
-------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------

 scean
	
-------------------------------------------------------------------------- */
div.scean .clearfix {
	width: 740px;
	margin-bottom: 20px;
}
div.scean .leftBox {
	width: 272px;
}
div.scean .rightBox {
	width: 440px;
	padding-right: 10px;
}
div.scean .rightBox p {
	padding: 0 10px;
	margin: 5px 0;
}
div.scean .rightBox p.link {
	padding: 0;
	margin: 0;
	text-align: right;
}
div.scean01 .movie {
	width: 740px;
	margin-bottom: 20px;
	text-align: center;
}
div.scean01 .clearfix {
	width: 740px;
	padding: 20px 0;
	margin: 0;
	border-top: 2px dotted #9c0;
}
div.scean01 .leftBox {
	width: 114px;
}
div.scean01 .rightBox {
	float: right;
	width: 600px;
	padding: 0;
}
/*--------------------------------------------------------------------------

 voice
	
-------------------------------------------------------------------------- */
div.voice h4 {
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	font-size: 131%;
}
div.voice .clearfix {
	width: 740px;
	padding: 10px 0;
	margin: 5px 0 10px;
	background: url(../../common/img/line.gif) no-repeat 0 0;
}
div.voice .leftBox {
	width: 134px;
}
div.voice .rightBox {
	width: 580px;
	padding-right: 10px;
}
div.voice .rightBox p {
	padding: 10px 10px 0 10px;
	margin: 5px 0 0 0;
	background-color: #f0f0f0;
}
div.voice .rightBox p.from {
	padding: 0;
	margin: 2px 0 0 0;
	color: #666;
	background: none;
}
div.voice .rightBox p.link {
	padding: 0 10px 10px 0;
	margin: 0;
	text-align: right;
}








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

 2011/04/06
	学生支援
	
-------------------------------------------------------------------------- */
div.support .support_box {
	width: 360px;
	float: left;
	margin-top: 10px;
}
div.support .support_box img {
	float: left;
	padding: 10px 0 0 0;
}
div.support .support_box p {
	width: 220px;
	float: right;
	background: none;
	margin-top: 10px;
}
.mr20 {
	margin: 0 20px 0 0;
}

























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

 voice_details
	
-------------------------------------------------------------------------- */
.voice_details h2 {
	font-size: 131%;
}
.voice_details h3 {
	padding-left: 2px;
	margin-right: 10px;
	display: inline;
	letter-spacing: 0.2em;
}
.voice_details h3 em {
	font-size: 108%;
	font-weight: bold;
}
.voice_details .nameBox {
	padding-bottom: 5px;
	margin: 15px 0;
	background: url(../../common/img/line.gif) no-repeat left bottom;
}
.voice_details p.from {
	margin: 0;
	display: inline;
}
.voice_details .clearfix h4 {
	padding-left: 10px;
	margin: 0 0 10px 0;
	border-left: 3px solid #f60;
	font-size: 116%;
	color: #f60;
}
.voice_details .Box01,
.voice_details .Box02 {
	width: 740px;
}
.voice_details .Box01 {
	margin-bottom: 20px;
}
.voice_details .Box01 .leftBox {
	width: 186px;
}
.voice_details .Box01 .leftBox img {
	padding: 2px;
	border: 1px solid #eee;
}
.voice_details .Box01 .rightBox {
	width: 540px;
}
.voice_details .Box02 .leftBox {
	width: 450px;
}
.voice_details .Box02 .rightBox {
	width: 230px;
	padding: 15px;
	text-align: center;
	background-color: #f0f0f0;
}
.voice_details .Box02 .rightBox img {
	border: 4px solid #fff;
}
.voice_details .clearfix p {
	margin: 0;
}
.voice_details p.copyright {
	margin: 5px 0;
	font-size: 85%;
	color: #555;
	line-height: 1;
	text-align: left;
}
.voice_details p.caption {
	margin-top: 10px;
	font-size: 85%;
	line-height: 1.1;
	text-align: left;
}




















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

 produts
	
-------------------------------------------------------------------------- */
div.products h3.title01 {
	margin: 20px 0 30px;
}
div.products h4.title02 {
	height: auto;
	margin-bottom: 10px;
	background-color: #fff;
	background-position: 0 0;
}
div.products .productsBox {
	width: 740px;
	margin-top: 15px;
}
div.products .productsBox p{
margin:0;
}
div.products .productsBox .leftBox,
div.products .productsBox .rightBox {
	width: 360px;
}
div.products .productsBox .leftBox {
	padding: 0 10px 0 0;
	float:left;
}
div.products .productsBox .rightBox {
	float: left;
}
div.products .productsBox .phBox {
	float:left;
	padding: 0 7px 0 0;
}
div.products .productsBox .imgBox {
	padding-bottom: 10px;
	text-align: center;
}
div.products .productsBox .txtBox {
	float:left;
	width:192px;
	
}

div.products .activity .leftArea,
div.products .activity .rightArea {
	width: 350px;
}
div.products .activity .leftArea {
	float: left;
	padding: 10px 0 10px 10px;
}
div.products .activity .rightArea {
	float: right;
	padding: 10px 10px 10px 0;
}
div.products .activity .leftArea .clearfix,
div.products .activity .rightArea .clearfix {
	width: 350px;
	margin: 5px 0 10px 0;
	background-color: #eee;
}
div.products .activity h4.title02 {
	min-height: 20px;
	height: 20px;
	margin: 0;
	letter-spacing: 0;
	background-position: left top;
}
div.products .activity .leftBox {
	width: 112px;
	padding: 10px;
	border: none;
}
div.products .activity .imgBox a img {
	border: 1px solid #f60;
}
div.products .activity .imgBox a:hover img {
	border: 1px solid #333;
}
div.products .activity .rightBox {
	width: 208px;
	padding: 10px 10px 10px 0;
}
div.products .activity p {
	padding: 0;
	margin: 0;
	border: none;
	line-height: 1.5;
}

/*-----------------------------
　 produts
　　　　　　2010/09/08追加
-----------------------------*/

div.products h4.other{
	color:#FF6600;
	font-size:116%;
	height:auto !important;
	min-height:20px;
	margin-top:10px;
}
div.products p.account_h4{
	margin-top:10px;
	padding-bottom:20px;
}
div.products .activity h4.title02_2 {
	background-color: #fff;
	min-height: 20px;
	height: 20px;
	margin-bottom:21px;
	letter-spacing: 0;
	background:url("../../common/img/arrow_l_or.gif") no-repeat left top;
	color:#FF6600;
	font-size:116%;
	padding-left:25px;
	height:auto !important;
}
	




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

 results
	
-------------------------------------------------------------------------- */
div.results .winner {
	width: 740px;
	padding-bottom: 15px;
	margin: 10px 0 20px 0;
	border-bottom: 2px dotted #9c0;
}
div.results .lastBlock {
	padding: 0;
	border: none;
}
div.results .lastBlock2 {
	margin: 0 0 20px;
	padding: 0 0 30px;
}

div.results .winner p {
	margin: 0 0 10px 0;
	line-height: 1.5;
}
div.results .winner .rightBox {
	width: 450px;
}
div.results .winner .name {
	padding: 5px 0;
	margin-bottom: 10px;
	border-bottom: 2px dotted #ccc;
	font-size: 108%;
	font-weight: normal;
	color: #444;
}
div.results .winner .name em {
	font-weight: bold;
}
div.results .phBox {
	float: left;
	width: 134px;
}
div.results .txtBox {
	float: right;
	width: 310px;
}
div.results .txtBox p {
	line-height: 1.2;
}
div.results .award .clearfix div {
	float: left;
	width: 233px;
	margin: 0 20px 15px 0;
}
div.results .award .clearfix div.wrap {
	margin: 0;
}
div.results .award h4 {
	padding: 3px 5px;
	color: #fff;
	letter-spacing: 0;
	background-color: #9c0;
}
div.results .award p {
	padding: 5px;
	margin: 0;
	font-size: 85%;
	line-height: 1.2;
	background-color: #eee;
}
div.results .award img {
	vertical-align: bottom;
}
div.results .annotation {
	margin-top: 10px;
}
div.results .link {
	padding-left: 15px;
	background: url(../../common/img/arrow_news.gif) no-repeat left center;
}
div.results .history {
	width: 700px;
	margin: 30px 20px;
}
div.results .history table {
	width: 100%;
}
div.results .history table th {
	font-weight: bold;
	vertical-align: top;
}
div.results .history table td {
	vertical-align: top;
}
/*--------------------------------------------------------------------------

 reallife
	
-------------------------------------------------------------------------- */
div.reallife h4 {
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	font-size: 131%;
}
div.reallife .clearfix {
	position: relative;
	width: 700px;
	padding: 0 20px;
	margin: 10px 0;
}
div.reallife .imgBox,
div.reallife .txtBox {
	float: left;
}
div.reallife .imgBox {
	width: 168px;
	margin-right: 15px;
}
div.reallife .txtBox {
	min-height: 89px;
	height: 89px;
	width: 380px;
	padding-left: 10px;
	margin-right: 20px;
}
div.reallife .txtBox p {
	margin: 0 10px 10px 0;
}
div.reallife .link img {
	position: absolute;
	right: 20px;
	bottom: 0;
}
/*--------------------------------------------------------------------------

 lifestyle
	
-------------------------------------------------------------------------- */
div.lifestyle .questions {
	width: 718px;
	padding: 10px;
	margin: 20px 0;
	border: 1px solid #f60;
}
div.lifestyle .questions p {
	float: left;
	margin: 0 10px 0 0;
	display: inline;
}
div.lifestyle .questions p img {
	margin-right: 5px;
	vertical-align: text-top;
}
div.lifestyle h3 {
	margin: 10px 0;
}
div.lifestyle .wrapBox {
	width: 740px;
	margin: 10px 0 20px 0;
	background-color: #f3f3f3;
}
div.lifestyle .wrapBox .phBox {
	float: left;
	width: 250px;
	text-align: center;
}
div.lifestyle .wrapBox .txtArea {
	float: right;
	width: 440px;
	padding: 20px 40px 0 0;
}
div.lifestyle .wrapBox .commentBox {
	padding-top: 27px;
	background: url(../reallife/lifestyle/img/shadow01_top.gif) no-repeat left top;
}
div.lifestyle .wrapBox .commentBox .commentBody {
	margin: 0;
	background: url(../reallife/lifestyle/img/shadow01_bg.gif) repeat-y left top;
}
div.lifestyle .wrapBox .commentBox .spout {
	background: url(../reallife/lifestyle/img/shadow01_left.gif) no-repeat left center;
}
div.lifestyle .wrapBox .commentBox p {
	padding: 0 30px 25px 30px;
	margin: 0;
	background: url(../reallife/lifestyle/img/shadow01_bottom.gif) no-repeat left bottom;
}
div.lifestyle .answer {
	width: 386px;
	padding: 20px 10px;
	margin: 0 0 20px 15px;
	background-color: #fff;
}
div.lifestyle .wrapBox th {
	padding: 5px;
	vertical-align: top;
}
/*--------------------------------------------------------------------------

 week
	
-------------------------------------------------------------------------- */
div.week h3 {
	margin: 20px 0 10px 0;
}
div.week .wrapBox {
	width: 740px;
	margin: 10px 0 20px 0;
	background-color: #f3f3f3;
}
div.week .wrapBox .phBox {
	float: left;
	width: 250px;
	text-align: center;
}
div.week .wrapBox .txtArea {
	float: right;
	width: 440px;
	padding: 20px 40px 0 0;
}
div.week .wrapBox p.caption {
	width: 220px;
	margin: 0 0 10px 30px;
	font-size: 77%;
	line-height: 1.5;
	display: block;
	text-align: left;
}
div.week .wrapBox .commentBox {
	padding-top: 19px;
	background: url(../reallife/week/img/spout_top.gif) no-repeat left top;
}
div.week .wrapBox .commentBox .commentBody {
	background: url(../reallife/week/img/spout_body.gif) repeat-y left top;
}
div.week .wrapBox .commentBox .spout {
	background: url(../reallife/week/img/spout.gif) no-repeat left center;
}
div.week .wrapBox .commentBox p {
	padding: 10px 30px 30px 30px;
	margin: 0;
	font-weight: bold;
	color: #555;
	text-align: center;
	background: url(../reallife/week/img/spout_bottom.gif) no-repeat left bottom;
}
div.week .calender {
	width: 386px;
	padding: 20px 10px 30px 10px;
	margin: 0 0 30px 15px;
	text-align: center;
	background-color: #fff;
}
div.week .calender table {
	width: 366px;
	margin: auto;
	line-height: 1.5;
	text-align: left;
}
div.week .calender th,
div.week .calender td {
	padding: 8px 5px;
	border-bottom: 1px solid #ddd;
}
div.week .calender th {
	width: 6em;
	vertical-align: top;
}
div.week .calender td em {
	color: #7b1;
}
/*--------------------------------------------------------------------------

 room
	
-------------------------------------------------------------------------- */
div.room p {
	margin: 0;
}
div.room h3 {
	margin: 20px 0 10px 0;
}
div.room .wrapBox {
	width: 700px;
	padding: 10px 20px 20px;
	margin-bottom: 20px;
	background-color: #eee;
}
div.room .spout {
	width: 390px;
}
div.room .type01 {
	background: url(../reallife/room/img/img1_1.jpg) no-repeat left top;
}
div.room .type02 {
	background: url(../reallife/room/img/img2_1.jpg) no-repeat left top;
}
div.room .spout p {
	height: 58px;
	padding: 20px 0 0 0;
	margin: 0 0 0 120px;
	display: block;
}
div.room .rightBox {
	width: 290px;
	padding-top: 20px;
}
div.room .rightBox p {
	margin-bottom: 15px;
	font-size: 77%;
}
div.room .rightBox div {
	position: relative;
	height: 86px;
}
div.room .rightBox .clearfix p {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 180px;
	display: block;
}
div.room .layoutBox {
	width: 660px;
	padding: 20px;
	margin-top: 10px;
	background-color: #fff;
}
div.room .layoutBox .txtBox {
	float: left;
	width: 290px;
}
div.room .layoutBox .txtBox table {
	width: 290px;
}
div.room .layoutBox .txtBox th {
	width: 5em;
	padding: 2px 5px;
	border-bottom: 1px solid #ddd;
	color: #fff;
	background-color: #9c0;
}
div.room .layoutBox .txtBox td {
	padding: 2px 5px;
	border: 1px solid #ddd;
}
div.room .layoutBox .txtBox p {
	margin-top: 10px;
	line-height: 1.5;
}
div.room .layoutBox .imgBox {
	float: right;
	width: 345px;
}











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

news_bk

-------------------------------------------------------------------------- */
.news_bk {
	padding-bottom: 15px;
	/*border-bottom: 2px dotted #9c0;*/
}




.news_bk h3 {
	text-align: left;
}

.news_bk .clearfix {
	width: 740px;
	margin: 10px 0;
}

.news_bk .leftBox {
	width: 96px;
}

.news_bk .leftBox img {
	padding: 2px;
	border: 1px solid #bbb;
}

.news_bk .rightBox {
	width: 620px;
	padding: 5px;
}

.news_bk .date {
	padding: 0 0 2px 0;
	margin:0;
	border-bottom: 1px solid #ccc;
	font-size: 85%;
	font-weight: normal;
	color:#333;
	background:none;
}

.news_bk h4 {
	padding: 5px 0;
	background:none;
	margin:0;
}