@charset "Shift_JIS";

/*
	================================================================================================
		vaio support windows products format
	================================================================================================
*/
/*
	====================================
		title
	====================================
*/
#contents h2.sub_title {
	text-align: left;
	font-size: 120%;
}
/*
	====================================
		agenda
	====================================
*/

div#agenda, div#agenda_single {
	width: 354px;
}
div.agendahead {
	width: 354px;
}
div.agendabodyarea {
	width: 352px;
}
div.agendabody {
	padding: 11px;
}
div.agendafoot {
	width: 354px;
}
/*
	====================================
		layout
	====================================
*/
#contents #win8Contentsmain {
	width: 600px;
	margin: 0 auto;

}
#contents #contentsIndexArea {
	float: left;
	width: 370px;
}
#contents #main_contents_section_win8_07 {
	float: left;
	width: 205px;
	margin-left: 25px;
}

/*
	================================================================================================
		Media Queries -vaio support contents format-
		[2014 05]
	================================================================================================
*/
/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {
/*
	------------------------------------
		list
	------------------------------------
*/
#contents p,
#contents li {
	word-break: break-all;
}
/*
	------------------------------------
		agenda
	------------------------------------
*/
div#agenda, div#agenda_single,
div.agendahead,
div.agendabodyarea,
div.agendabody,
div.agendafoot {
	width: auto;
	padding: 0;
	margin: 0;
}
/*
	------------------------------------
		layout
	------------------------------------
*/
#contents #win8Contentsmain {
	width: auto;
}
#contents #contentsIndexArea {
	float: none;
	width: 332px;
	margin: 0 auto;
}
#contents #main_contents_section_win8_07 {
	float: none;
	margin: 20px auto 10px;
}

/*
----------------------------------------------------------------------------
	画面幅＜369px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 369px) {

#contents #agenda_single,
#contents #agenda_single img {
	width: 100%;
	text-align: center;
}
div.agendahead p {
	text-align: left;
}
#contents #contentsIndexArea {
	width: auto;
}
}