@import "common.css";

/* contentsBoxArea
-------------------------------------------------- */

#contentsBoxArea {
	width: 680px;
	margin: 0px;
	padding: 0px;
	position: relative;
	background: url(/shared/images/segachan/contents_special_bg.gif) left top repeat-y;
}

#contentsBox {
	width: 680px;
	margin: 0px;
	padding: 0px;
	position: relative;
	background: url(/shared/images/segachan/contents_special_topbg.gif) left top no-repeat;
}

#contentsBoxBody {
	width: 650px;
	_width: 680px;
	_w\idth: 650px;
	_height: 500px;
	_he\ight: 485px;
	min-height: 500px;
	margin: 0px;
	padding: 15px;
	position: relative;
	background: url(/shared/images/segachan/contents_special_bottombg.gif) left bottom no-repeat;
}

#contentsBoxBody #boxHeading {
	width: 650px;
	margin: 0px 0px 10px;
	padding: 0px;
	position: relative;
	background: #ffffff url(/shared/images/segachan/box_special_topbg.gif) left top no-repeat;
}

#contentsBoxBody #boxHeading #layout1 {
	width: 642px;
	_width: 650px;
	_w\idth: 642px;
	margin: 0px;
	padding: 4px;
	position: relative;
	background: url(/shared/images/segachan/box_special_bottombg.gif) left bottom no-repeat;
	text-align: center;
}

#contentsBoxBody #boxHeading #layout1 object,
#contentsBoxBody #boxHeading #layout1 embed {
	margin: 0px auto 0px;
}

#contentsBoxBody #boxHeading #layout1 .leftColumn {
	width: 309px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#contentsBoxBody #boxHeading #layout1 .rightColumn {
	width: 310px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#contentsBoxBody #boxHeading #layout1 .rightColumn h1 {
	width: 285px;
	margin: 0px;
	padding: 0px;
}

#contentsBoxBody #boxHeading #layout1 .rightColumn h1.headingTitle {
	width: 285px;
	margin: 11px 0px 13px;
	padding: 0px;
}

#contentsBoxBody #boxHeading #layout1 .rightColumn p.headingLead {
	width: 285px;
	margin: 0px;
	padding: 0px;
	font-size: 110%;
	_font-size: 100%;
	_fo\nt-size: 110%;
	font-weight: bold;
}

#contentsBoxBody #boxHeading #layout1 .rightColumn p.headingText {
	width: 285px;
	margin: 14px 0px 0px;
	padding: 0px;
	font-size: small;
	_font-size: x-small;
	_fo\nt-size: small;
}

#contentsBoxBody #boxBody {
	width: 650px;
	margin: 0px;
	padding: 0px;
	position: relative;
	background: #ffffff url(/shared/images/segachan/box_special_topbg.gif) left top no-repeat;
}

#contentsBoxBody #boxBody #layout2 {
	width: 600px;
	_width: 650px;
	_w\idth: 600px;
	height: auto;/*-- 追加（2009/2/18） --*/
	overflow: hidden;/*-- 追加（2009/2/18） --*/
	margin: 0px;
	padding: 20px 25px 0px 25px;
	position: relative;
	background: url(/shared/images/segachan/box_special_bottombg.gif) left bottom no-repeat;
}

#contentsBoxBody #boxBody #layout2 .itemBox {
	width: 600px;
	height: auto;/*-- 追加（2009/2/18） --*/
	overflow: hidden;/*-- 追加（2009/2/18） --*/
	margin: 0px;
	padding: 0px 0px 16px;
}

/*----- 修正（2009/2/9） -----*/
#contentsBoxBody #boxBody #layout2 .itemBox_new {
	width: 600px;
	height: auto;
	overflow: hidden;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
#contentsBoxBody #boxBody #layout2 .itemBox_new .itemDetail {
	width: 285px;
	height: auto;
	overflow: hidden;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	float: left;
}
/*----- end -----*/

#contentsBoxBody #boxBody #layout2 .itemLeftbox {
	width: 290px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#contentsBoxBody #boxBody #layout2 .itemRightbox {
	width: 290px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#contentsBoxBody #boxBody #layout2 .itemLeft {
	width: 115px;
	xheight: 90px;
	height: auto;/*-- 追加（2009/2/18） --*/
	overflow: hidden;/*-- 追加（2009/2/18） --*/
	margin: 0px;
	padding: 0px;
	float: left;
}

#contentsBoxBody #boxBody #layout2 .itemLeft a {
	width: 115px;
	height: 90px;
	margin: 0px;
	padding: 0px;
}

#contentsBoxBody #boxBody #layout2 .itemLeft img {
	width: 100px;
	height: 75px;
	margin: 0px;
	padding: 4px 8px 9px 4px;
	background: url(/shared/images/segachan/img_bg.gif) left top no-repeat;
}
/*-- 修正（2009/2/9） --*/
#contentsBoxBody #boxBody #layout2 .itemBox_new .itemDetail .itemLeft img {
	width: 100px;
	height: 75px;
	margin: 0px 0px 30px 0px;
	padding: 4px 8px 9px 4px;
	background: url(/shared/images/segachan/img_bg.gif) left top no-repeat;
}
/*-- end --*/

#contentsBoxBody #boxBody #layout2 .itemRight {
	width: 170px;
	height: auto;/*-- 追加（2009/2/18） --*/
	overflow: hidden;/*-- 追加（2009/2/18） --*/
	margin: 0px;
	padding: 0px;
	float: right;
}

#contentsBoxBody #boxBody #layout2 h2.itemName {
	margin: 0px;
	padding: 0px;
	line-height: normal;
	font-size: small;
	_font-size: x-small;
	_fo\nt-size: small;
	color: #ea5f00;
	font-weight: bold;
}

/* topBoxBody
-------------------------------------------------- */

#contentsBoxBody #topBoxBody {
	width: 650px;
	margin: 0px 0px 10px;
	padding: 0px;
	position: relative;
	background: #ffffff url(/shared/images/segachan/box_special_topbg.gif) left top no-repeat;
}

#contentsBoxBody #topBoxBody #layout1 {
	width: 640px;
	_width: 650px;
	_w\idth: 640px;
	margin: 0px;
	padding: 5px;
	position: relative;
	background: url(/shared/images/segachan/box_special_bottombg.gif) left bottom no-repeat;
}

/* bottomBoxBody
-------------------------------------------------- */

#contentsBoxBody #bottomBoxBody {
	width: 650px;
	margin: 0px;
	padding: 0px;
	position: relative;
	background: url(/shared/images/segachan/tc_special_bg.gif) left top repeat-y;
}

#contentsBoxBody #bottomBoxBody #layout2 {
	width: 650px;
	margin: 0px;
	padding: 0px;
	position: relative;
	background: url(/shared/images/segachan/tc_special_topbg.gif) left top no-repeat;
}

#contentsBoxBody #bottomBoxBody #twoColumns {
	width: 650px;
	margin: 0px;
	padding: 0px;
	position: relative;
	background: url(/shared/images/segachan/tc_special_bottombg.gif) left bottom no-repeat;
}

#twoColumns .leftColumn {
	width: 350px;
	_width: 370px;
	_w\idth: 350px;
	margin: 0px;
	padding: 13px 10px;
	float: left;
}

#twoColumns .rightColumn {
	width: 270px;
	margin: 0px;
	padding: 13px 0px;
	float: right;
}

#twoColumns .leftColumn h1 {
	margin: 0px 0px 6px;
	padding: 0px;
	font-size: 110%;
	_font-size: 100%;
	_fo\nt-size: 110%;
	color: #000000;
	font-weight: bold;
	border: none;
	line-height: 120%;
}

#twoColumns .leftColumn p.kind {
	margin: 0px 0px 14px;
	padding: 0px;
	font-size: 110%;
	_font-size: 100%;
	_fo\nt-size: 110%;
	color: #000000;
}

#infoTable {
	margin: 0px 0px 7px;
	padding: 2px 0px;
}

#twoColumns .leftColumn table {
	width: 350px;
	padding: 0px;
	margin: 0px;
	font-size: small;
	_font-size: x-small;
	_fo\nt-size: small;
	border-color: #ff651d;
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	border-collapse: collapse;
	/*\*//*/
	revise: MacIE5.0bug;
	width: 99%;
	/**/
}

#twoColumns .leftColumn tbody th {
	width: 107px;
	_width: 120px;
	_w\idth: 107px;
	padding: 4px 6px;
	border-color: #ff651d;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	font-weight: bold;
	color: #aa3f15;
	vertical-align: top;
	text-align: left;
	background: #feb100;
}

#twoColumns .leftColumn table td {
	width: 220px;
	_width: 230px;
	_w\idth: 220px;
	padding: 4px 5px;
	border-color: #ff651d;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	color: #000000;
	vertical-align: top;
	background: #fdfefe;
}

#twoColumns .leftColumn tbody th,
#twoColumns .leftColumn tbody td{
	text-align: left;
}

#twoColumns .leftColumn p.bottomText {
	margin: 0px;
	padding: 0px;
	font-size: small;
	_font-size: x-small;
	_fo\nt-size: small;
	color: #000000;
}

#twoColumns ul.rightLink {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#twoColumns ul.rightLink li {
	padding: 1px 0px 2px;
	margin: 0px 0px 2px;
	background: none;
	line-height: 130%;
}

#twoColumns ul.rightLink a {
	padding: 2px 0px 3px 24px;
	margin: 0px;
	/*\*//*/
	revise: MacIE5.0bug;
	display: inline-block;
	margin-left: -24px;
	text-indent: 0;
	/**/
}

#twoColumns ul.rightLink a {
	background: url(/shared/images/segachan/arrow_01.gif) 10px 4px no-repeat;
}

html*#twoColumns ul.rightLink a {
	background: url(/shared/images/segachan/arrow_01.gif) 10px 4px no-repeat;
}

* html #twoColumns ul.rightLink a {
	background: url(/shared/images/segachan/arrow_01.gif) 10px 5px no-repeat;
	_background: none;
	_background/* */: url(/shared/images/segachan/arrow_01.gif) 10px 4px no-repeat;
}

#twoColumns ul.rightLink li {
	padding-left: 24px;
	_padding-left: 0px;
	_padding-left/* */: 24px;
	text-indent: -24px;
	_text-indent: 0px;
	_text-indent/* */: -24px;
}

#twoColumns .tcHr {
	height: 1px;
	padding: 0px 0px 6px;
	margin: 0px;
	background: url(/shared/images/segachan/tc_hr.gif) left top repeat-x;
	_background: url(/shared/images/segachan/tc_hr.gif) repeat-x;
	_background/* */: url(/shared/images/segachan/tc_hr.gif) left top repeat-x;
}

#twoColumns .tcBanner {
	padding: 2px 0px 10px 10px;
	margin: 0px;
}

/* Link Element
-------------------------------------------------- */

#layout2 ul.itemLink {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#layout2 ul.itemLink li {
	padding: 1px 0px 2px;
	margin: 0px 0px 6px;
	background: none;
	line-height: 130%;
}

#layout2 ul.itemLink a {
	padding: 2px 0px 3px 13px;
	margin: 0px;
	/*\*//*/
	revise: MacIE5.0bug;
	display: inline-block;
	margin-left: -13px;
	text-indent: 0;
	/**/
}

#layout2 ul.itemLink a {
	background: url(/shared/images/segachan/arrow_01.gif) 0px 5px no-repeat;
}

html*#layout2 ul.itemLink a {
	background: url(/shared/images/segachan/arrow_01.gif) 0px 5px no-repeat;
}

* html #layout2 ul.itemLink a {
	background: url(/shared/images/segachan/arrow_01.gif) 0px 6px no-repeat;
	_background: none;
	_background/* */: url(/shared/images/segachan/arrow_01.gif) 0px 5px no-repeat;
}

#layout2 ul.itemLink li {
	padding-left: 13px;
	_padding-left: 0px;
	_padding-left/* */: 13px;
	text-indent: -13px;
	_text-indent: 0px;
	_text-indent/* */: -13px;
}


