@charset "utf-8";


html {overflow-y: scroll;}

/* --- 基本設定 --- */ 
body {
	font: 100% "MS PGothic", "ＭＳ Ｐゴシック", Osaka, "HiraginoKakugo Pro W3", "ヒラギノ角ゴ Pro W3", sans-serif, Meiryo, "メイリオ";
	color: #040404;
	padding: 0px;
	margin: 0px;
	background: #FFFFFF url(/img/common/bg_body.jpg) repeat-y top;
	text-align: center;/* --- For IE6 --- */
}

* html body {padding-left: 1px;}/* --- For IE6 --- */
*+html body {padding-left: 1px;}/* --- For IE7 --- */
@media screen and (-webkit-min-device-pixel-ratio:0) { body {padding-left: 1px;}}/* --- For webkit --- */

h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,form,fieldset,pre,blockquote,address,div,span,img,input {margin: 0px; padding: 0px; font-weight: normal; font-style: normal; list-style: none;}
img {border: 0;}
td,th {vertical-align: top;}
select,input,textarea,table {font-size: 100%;}
label {cursor: pointer;}

/* --- 外枠部分指定 --- */
#container {
	width: 800px;
	margin: 0px auto;
	text-align: left;
	font-size: 78%;
}

/* --- ヘッダーエリア（ナビ含む） --- */
#headerArea {
	width: 800px;
	height: 105px;
	position: relative;
}

#headerArea p.logo,
#headerArea h1.logo {
	position: absolute;
	top: 20px;
	left: 17px
}

#headerNaviArea {
	position: relative;
	left: 210px;
	width: 590px;
	height: 105px;
	background: url(/img/common/bg_headerNaviArea.jpg) no-repeat top;
}

#headerNaviArea ul {
	width: 590px;
	overflow: hidden;
}

#headerNaviArea li {
	float: left;
	list-style: none;
	font-size: 0px;/* --- IEの文字拡縮時のズレ解消用 --- */
}

#headerNaviArea li img {
	vertical-align: bottom;/* --- For IE6 --- */
}

#headerNaviArea ul#hNavi {
	width: 283px;
	_width: 590px;/* --- For IE6 --- */
	height: 24px;
	overflow: hidden;
	padding: 6px 0px 0px 307px;
}

#headerNaviArea ul#hNavi li {
	padding: 0px 0px 0px 20px;
}

#headerNaviArea form {
	position: relative;
	height: 26px;
	padding: 3px 15px 0px 295px;
	_height: 35px;/* --- For IE6 --- */
	_padding: 9px 15px 0px 295px;/* --- For IE6 --- */
}

#headerNaviArea .field {
	width: 131px;
	border: 0px;
	float: left;
	margin-right: 8px;
	_margin-right: 5px;/* --- For IE6 --- */
}

#headerNaviArea p {/* --- form挿入時は削除 --- */
	position: relative;
	height: 26px;
	padding: 3px 15px 0px 295px;
	_height: 35px;/* --- For IE6 --- */
	_padding: 9px 15px 0px 295px;/* --- For IE6 --- */
}

#headerNaviArea p img {/* --- form挿入時は削除 --- */
	position: absolute;
	right: 10px;
	top: 2px;
	_top: 8px;/* --- For IE6 --- */
}

/*--- form挿入時は追加 ---
#headerNaviArea p {
	position: absolute;
	right: 10px;
	top: 32px;
}
---*/

/* --- トピックパスエリア --- */
ul#topicpassArea  {
	width: 760px;
	border-bottom: solid #EDE6F6 1px;
	padding: 15px 0px 10px 0px;
	margin: 0px 20px 0px 20px;
	overflow: hidden;
	font-size: 85%;
}

ul#topicpassArea li {
	float: left;
	background: url(/img/common/bg_topicpathArea.gif) no-repeat top left;
	padding: 0px 6px 0px 16px;
	line-height: 1.1;
}

ul#topicpassArea li.none {
	background: none;
	padding-left: 0px;
}

/* --- コンテンツエリア --- */
#contentsArea {
	width: 763px;
	_width: 800px;/* --- For IE6 --- */
	clear: both;
	padding: 15px 20px 20px 17px;
	overflow: hidden;
}

#contentsArea_wide {
	width: 766px;
	_width: 800px;/* --- For IE6 --- */
	clear: both;
	padding: 15px 17px 20px 17px;
	overflow: hidden;
}

#contentsArea p, #contentsArea li, #contentsArea_wide p, #contentsArea_wide li, #contentsArea address, #contentsArea_wide address {
	line-height: 1.4;
	letter-spacing: 0.3mm;
}

/* ---メインエリア内部 --- */
#mainArea {
	width: 551px;
	float: left;
}

#contentsArea #mainContents {
	width: 505px;
	_width: 551px;/* --- For IE6 --- */
	padding: 16px 23px 20px 23px;
}

#contentsArea_wide #mainContents {
	width: 720px;
	_width: 766px;/* --- For IE6 --- */
	padding: 16px 23px 20px 23px;
}

/* --- h1 --- */
#contentsArea h1,#contentsArea_wide h1 {
	color: #6E00A7;
	font-size: 200%;
	padding: 16px 18px 12px 23px;
	line-height: 1.2;
	letter-spacing: 0.9mm;
	/* ---min-height: 62px;--- */
	_height: 78px;/* --- For IE6 --- */
}

#contentsArea h1 span,#contentsArea_wide h1 span {
	display: block;
	color: #B1B1B1;
	font-size: 50%;
	font-weight: bold;
	line-height: 1.3;
	padding: 4px 0px 0px 3px;
	margin: 1px 0px 0px 0px;
	letter-spacing: 0.3mm;
	_behavior: url(/js/iepngfix.htc);/* --- For IE6 --- */
	font-family: Arial;
}

#contentsArea h1 {
	background: url(/img/common/bg_h1short.jpg) no-repeat top left;
}

#contentsArea h1 span {
	background: url(/img/common/bg_line_h1short.png) no-repeat top left;
}

#contentsArea_wide h1 {
	background: url(/img/common/bg_h1long.jpg) no-repeat top left;
}

#contentsArea_wide h1 span {
	background: url(/img/common/bg_line_h1long.png) no-repeat top left;
}

/* --- h2 --- */
#contentsArea h2, #contentsArea_wide h2 {
	background: url(/img/common/bg_h2_1.jpg) no-repeat top left;
	margin: 0px 0px 14px 0px;
	font-size: 130%;
	letter-spacing: 0.2mm;
	line-height: 1.3;
	color: #6E00A7;
}

#contentsArea h2 span, #contentsArea_wide h2 span {
	font-weight: bold;
	background: url(/img/common/bg_h2_2.jpg) no-repeat bottom left;
	display: block;
	padding: 6px 10px 5px 18px;
}

/* --- h3 --- */
#contentsArea h3, #contentsArea_wide h3 {
	color: #FFFFFF;
	margin: 0px 0px 10px 0px;
	line-height: 1.3;
	font-size: 100%
}

#contentsArea h3 {
	background: url(/img/common/bg_h3_1short.jpg) no-repeat top left;
}

#contentsArea h3 span {
	font-weight: bold;
	background: url(/img/common/bg_h3_2short.jpg) no-repeat bottom left;
	display: block;
	padding: 4px 10px 4px 14px;
}

#contentsArea_wide h3 {
	background: url(/img/common/bg_h3_1long.jpg) no-repeat top left;
}

#contentsArea_wide h3 span {
	font-weight: bold;
	background: url(/img/common/bg_h3_2long.jpg) no-repeat bottom left;
	display: block;
	padding: 4px 10px 4px 14px;
}

/* --- h4 --- */
#contentsArea h4, #contentsArea_wide h4 {
	background: url(/img/common/bg_h4_1.gif) no-repeat top left;
	font-size: 100%;
}

#contentsArea h4 span, #contentsArea_wide h4 span {
	background: url(/img/common/bg_h4_2.gif) no-repeat bottom left;
	font-weight: bold;
	color: #7A0DB8;
	padding: 7px 10px 6px 4px;
	margin: 0px 0px 10px 0px;
	display: block;
}

/* --- コラムとニュースリリースのh1下部情報 --- */
#contentsArea #entryInfo {
	width: 495px;
	_width: 515px;/* --- For IE6 --- */
	overflow: hidden;
	background: url(/img/common/bg_entryInfo.png) no-repeat top left;
	_behavior: url(/js/iepngfix.htc);/* --- For IE6 --- */
	display: block;
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 0px 17px;
	min-height: 68px;
	_height: 78px;
}

#contentsArea #entryInfo dt {
	width: 60px;
	float: left;
	line-height: 1;
}

#contentsArea #entryInfo dd {
	width: 185px;
	float: left;
	padding: 2px 0 3px 0;
	font-size: 85%;
	line-height: 1.4;
	color: #6F03A7;
}

#contentsArea #entryInfo dd img {
	display: inline;
	vertical-align: bottom;
}

#contentsArea #entryInfo dd.none {
	width: 430px;
}

/* --- グレー角丸ボックス用 --- */
#contentsArea .greyboxTop {
	background: url(/img/common/bg_greyboxTop.gif) no-repeat top left;
	padding: 13px 15px 13px 15px;
	width: 475px;
	_width: 505px;
}

#contentsArea .greyboxBottom {
	background: url(/img/common/bg_greyboxBottom.gif) no-repeat bottom left;
}


/* --- グレー角丸ボックス用（ワイド） --- */
#contentsArea_wide .greyboxTop {
	background: url(/img/common/bg_greyboxTop_wide.gif) no-repeat top left;
	padding: 20px 15px 20px 15px;
	width: 690px;
	_width: 720px;
}

#contentsArea_wide .greyboxBottom {
	background: url(/img/common/bg_greyboxBottom_wide.gif) no-repeat bottom left;
}

#contentsArea_wide .greyboxMiddle {
	background: url(/img/common/bg_greyboxMiddle_wide.gif) repeat-y top left;
}


/* --- 紫角丸ボックス用 --- */
#contentsArea .purpleboxTop {
	background: url(/img/common/bg_purplebox2Top.gif) no-repeat top left;
	padding: 13px 15px 13px 15px;
	width: 475px;
	_width: 505px;
}

#contentsArea .purpleboxBottom {
	background: url(/img/common/bg_purplebox2Bottom.gif) no-repeat bottom left;
}

/* --- 紫角丸ボックス用（ワイド） --- */
#contentsArea_wide .purpleboxTop {
	background: url(/img/common/bg_purplebox2Top_wide.gif) no-repeat top left;
	padding: 13px 15px 13px 15px;
	width: 690px;
	_width: 720px;
}

#contentsArea_wide .purpleboxBottom {
	background: url(/img/common/bg_purplebox2Bottom_wide.gif) no-repeat bottom left;
}




/* --- ページネーション --- */
ul#pagenation {
	text-align: center;
	padding: 30px 0px 10px 0px;
	line-height: 1;
	overflow: hidden;
}

ul#pagenation.adjust {
	margin-bottom: -30px;
}

ul#pagenation li {
	display: inline;
	margin-right: 5px;
}

ul#pagenation li a {
	border: solid #CFB1ED 1px;
	padding: 3px 4px 3px 5px;
	background: #FEEBED;
	_padding: 1px 4px 1px 5px;
	_display: inline-block;
}

ul#pagenation li .current {
	background: #7B0DBA;
	padding: 4px 5px 4px 6px;
	_padding: 2px 5px 2px 6px;
	color: #FFFFFF;
	font-weight: bold;
	_display: inline-block;
}

ul#pagenation li  a.btnBefore,
ul#pagenation li  a.btnNext {
	background: #FFFFFF;
	text-decoration: none;
	_padding-top: 2px;
}

ul#pagenation li a:hover {
	text-decoration: none;
	background: #7B0DBA;
	color: #FFFFFF;
}















/* --- サイドエリア内部 --- */
#sideArea {
	width: 200px;
	float: right;
}

#sideArea ul li img {
	vertical-align: bottom;
}
/* --- ドットライン用 --- */
#sideArea .divideline {
	background: url(/img/common/bg_divideline.gif) no-repeat bottom left;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
/* --- バナーリスト用 --- */
#sideArea .bannerlist li img {
	margin-bottom: 3px;
}

/* --- フッターエリア --- */
#footerArea {
	clear: both;
	width: 800px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
}

#footerArea p#pt {
	width: 770px;
	_width: 800px;/* --- For IE6 --- */
	background: url(/img/common/bg_pageTop.jpg) no-repeat bottom left;
	text-align: right;
	padding-right: 30px;
	margin-bottom: 20px;
	height: 26px;
}

#footerArea ul#fnavi {
	width: 356px;
	background: url(/img/common/bg_fnavi.gif) no-repeat bottom left;
	margin: 0px 0px 8px 15px;
	height: 22px;
	line-height: 1;/* --- For Mac ff3.5 --- */
}

#footerArea ul#fnavi li {
	float: left;
	padding-right: 13px;
}

#footerArea p#cp {
	margin: 0px 0px 34px 15px;
}

#footerArea dl {
	margin: 0px 0px 8px 15px;
	border: solid 1px #CCCCCC;
	position: absolute;
	padding: 6px 5px 4px 6px;
	font-size: 85%;
	overflow: hidden;
	letter-spacing: -0.28mm;
	top: 35px;
	right: 15px;
	color: #999999;
	width: 400px;
	_width: 410px;/* --- For IE6 --- */
}

#footerArea dt {
	float: left;
	width: 275px;
}

#footerArea dd {
	float: right;
	padding-right: 42px;
}

/* --- リンクアイコン --- */
a.arrow1:link,a.arrow1:active,a.arrow1:visited {
	background: url(/img/common/ico_arrow1.gif) no-repeat center left;
	padding: 0px 0px 0px 10px;
	color: #0890C2;
	text-decoration: none;
}

a.arrow1:hover {
	text-decoration: underline;
}


/* --- リンクアイコン --- */
a.arrow3:link,a.arrow3:active,a.arrow3:visited {
	background: url(/img/common/ico_arrow3.gif) no-repeat center left;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
}

a.arrow3:hover {
	text-decoration: underline;
}



/* --- 調整用 --- */
.txtSmall {font-size: 85%; letter-spacing: 0.1mm !important;}
.marTop5 {margin-top: 5px;}
.marTop10 {margin-top: 10px;}
.marTop20 {margin-top: 20px;}
.marBottom5 {margin-bottom: 5px;}
.marBottom10 {margin-bottom: 10px;}
.marBottom20 {margin-bottom: 20px;}
.marBottom30 {margin-bottom: 30px;}
.marLef5 {margin-left: 5px;}
.marLef10 {margin-left: 10px;}
.marRig10 {margin-right: 10px;}
.marLef20 {margin-left: 20px;}
.marRig20 {margin-right: 20px;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.al {text-align: left;}
.ar {text-align: right;}
.ac {text-align: center;}
ol.decimal,ul.disc  {padding: 5px 0 5px 0;}
ol.decimal li {list-style: decimal; margin-left: 24px;}
ol.decimal li li {margin-left: 24px;}
ul.disc li {list-style: disc; margin-left: 30px;}
.indent {text-indent: -1.4em; margin-top: 1.4em; margin-left: 1.4em;}

/* --- リンクカラー ---- */
a:link {color: #540177; text-decoration: underline;}
a:visited {color: #540177; text-decoration: underline;}
a:active {color: ##540177; text-decoration: underline;}
a:hover {color: #540177; text-decoration: none;}

/* --- リンクカラー（トピックパス）---- */
ul#topicpassArea a:link {color: #540177; text-decoration: underline;}
ul#topicpassArea a:visited {color: #540177; text-decoration: underline;}
ul#topicpassArea a:active {color: ##540177; text-decoration: underline;}
ul#topicpassArea a:hover {color: #540177; text-decoration: none;}

/* --- テーブル ---- */
table.normal {
	border-collapse: collapse;
	border-right: #A380B8 1px solid;
	border-bottom: #A380B8 1px solid;
	margin: 10px 0px 10px 0px;
	width: 720px;
}
table.normal th {
	font-weight: normal;
	padding: 7px 10px 6px;
	border-left: #A380B8 1px solid;
	border-top: #A380B8 1px solid;
	background: #F7E9FF;
	color: #6E00AA;
	width: 50%;
	text-align: center;
}

table.normal td {
	padding: 6px 10px 9px;
	vertical-align: top;
	border-left: #A380B8 1px solid;
	border-top: #A380B8 1px solid;
	line-height: 1.4;
}

table.normal td.adjust {
	width: 280px;
}







@media print {
/* 紙媒体向けスタイル定義ここから */
#contentsArea, #contentsArea_wide {
	overflow: visible !important;
}

body {
	zoom: 80%;/* --- For IE6 --- */
}


#headerNaviArea ul {
	_width: 591px;/* --- For IE6 --- */
}



}
/* 紙媒体向けスタイル定義ここまで */