@charset "Shift_JIS";

/*--------------------------------------------------------------------
/- file   : common.css
/- admin  : MEGA-D Inc. SHIGETA Makoto
/- update : 20080422
/- desc   : css for modern browser
/--------------------------------------------------------------------*/

@media screen, print { /* MacIE除外用 */

/************* Tag Override *************/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	text-align: center;
	background: #F6F6F6;
	color: #505050;
	font-size: 81%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.8;
}

th, td {
	font-size: 100%;
	line-height: 1.3;
}

input {
	font-size: 100% !important; /* モダンブラウザ向け */
	font-size: 80%; /* IE 6以下のみ */
	line-height: 1.3;
}

img {
	border: none;
}

li {
	list-style-type: none;
	line-height: 1.3;
}

hr {
	display: none;
}
hr.pageBreak {
	display: block;
	height: 1px;
	color: #FFFFFF;
	border: #FFFFFF;
    page-break-before: always;	
}

a:link {
	color: #356A9F;
	text-decoration: none;
}
a:visited {
	color: #884F9B;
	text-decoration: none;
}
a:hover {
	color: #3580CA;
	text-decoration: underline;
}


/*
見出しテキスト（ブラウン）：#6D5032
小見出しテキスト（グリーン）：#5F9217

テキストリンク：#356A9F
オンマウス：#3580CA
既読：#884F9B

テキストリンクはオンマウス（アクティブ）時のみ
アンダーラインを表示してください。
*/

/************* Usability Styles *************/

noscript p {
	color: #FF0000;
	font-weight: normal;
}
noscript p#noscriptDisplay {
	width: 600px;
	margin: 0px auto;
	padding: 20px 50px;
	color: #FF0000;
	font-weight: bold;
}


/************* ClearFix Styles *************/

/* Modern browsers like Firefox, Safari, Opera */
div:after, .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
}

/* IE 7 and MacIE*/
div, .clearfix { display: inline-block; }

/* Hides from IE-mac \*/
*html div, *html .clearfix { height: 1%; }
div, .clearfix { display: block; }
/* End hide from IE-mac */


/************* Common Styles *************/

.clear {
	clear: both;
	zoom: 1;
}

.center {
	text-align: center !important;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}

img.mark {
	vertical-align: middle;
	margin: 0px 5px 0px 0px;
}
img.markR {
	vertical-align: middle;
	margin: 0px 0px 0px 5px;
}

.green {
	color: #78BA1D;
}

a img.icon {
	margin: 0 0 0 5px;
	vertical-align: middle;
}


/************* Layout Styles *************/

div#container {
	background: url(../images/icon_bg_main.gif) repeat-y center top;
	width: 960px;
	margin: 0px auto 20px auto;
	text-align: left;
}
*html div#container { /* IE only */
	margin-left: 1px;
}

div.pageTopNav {
	clear: both;
	padding-right: 5px;
	padding-bottom: 25px;
}
div.pageTopNav p {
	float: right;
	width: 105px;
	height: 18px;
	background: url(../images/icon_nav_pagetop.gif) no-repeat left top;
	font-size: 1px;
}
div.pageTopNav p/**/ {
	/* Windows IE 4〜5はこのスタイルを無視 */
	text-indent: -9999px;
}
div.pageTopNav p a {
	display: block;
	cursor: pointer;
	overflow: hidden;
	width: 105px;
	height: 18px;
}


/*************** Header styles **************/

div#header {
	width: 905px !important; /* モダンブラウザ向け */
	width: 950px;  /* IE 6以下のみ */
	height: 95px;
	padding: 0px 30px 0px 15px;
	margin: 0px 5px;
	background: url(../images/header_bg.gif) repeat-x left top;
}

div#header h1 {
	width: 310px;
	float: left;
	margin: 15px 30px 0 0;
}

div#header ul.csrNav {
	width: 200px;
	float: left;
	margin: 35px 0px 0px;
}
div#header ul.csrNav li {
	float: left;
	display: inline;
	margin: 0 15px 0 0;
}


div#header dl.appendixNav {
	float: right;
	width: 120px;
	margin: 15px 0px 0px;
}
div#header dl.appendixNav dt {
	display: none;
}
div#header dl.appendixNav dd p.english {
	width: 60px;
	height: 17px;
	background: url(../images/icon_nav_english.gif) no-repeat left top;
	font-size: 1px;
	margin: 0px 0px 5px 59px;
}
div#header dl.appendixNav dd p.english/**/ {
	/* Windows IE 4〜5はこのスタイルを無視 */
	text-indent: -9999px;
}
div#header dl.appendixNav dd p.english a {
	display: block;
	cursor: pointer;
	overflow: hidden;
	width: 60px;
	height: 17px;
}

div#header dl.appendixNav dd p.printPreview {
	width: 120px;
	height: 21px;
	background: url(../images/icon_btn_printprev.gif) no-repeat left top;
	font-size: 1px;
}
div#header dl.appendixNav dd p.printPreview/**/ {
	/* Windows IE 4〜5はこのスタイルを無視 */
	text-indent: -9999px;
}
div#header dl.appendixNav dd p.printPreview a {
	display: block;
	cursor: pointer;
	overflow: hidden;
	width: 120px;
	height: 21px;
}
div#header dl.appendixNav dd p.printPreview a:hover {
	background: url(../images/icon_btn_printprev_on.gif) no-repeat left top;
	width: 120px;
	height: 21px;
}

div#header dl.appendixNav dd p.printPractice {
	display: none;
}


/*************** Footer styles **************/

div#footer {
	width: 960px;
	height: 44px;
}
div#footer p.copyright {
	width: 960px;
	height: 44px;
	background: url(../images/icon_bg_end.gif) center top;
	font-size: 1px;
}
div#footer p.copyright/**/ {
	/* Windows IE 4〜5はこのスタイルを無視 */
	text-indent: -9999px;
}




/************** Content styles ***************/

div#content {
	width: 900px;
	margin: 0px 30px;
}

div#content div#main {
	float: left;
	width: 660px;
}
div#content div#sidebar {
	float: right;
	width: 220px;
}


/*************** pankuzu styles **************/

div#pankuzu {
	margin: 0 0 25px;
	height: 25px;
	background: #EFECE9;
	background: url(../images/icon_bg_pankuzu.gif) no-repeat left top;
}
div#pankuzu p {
	font-size: 85%;
	margin: 0px;
	padding: 4px 0px 0px 10px;
}


/*************** navigation styles **************/

div#sidebar {
	width: 220px;
}

div#sidebar div#navigation {
	width: 220px;
}
div#sidebar div#navigation h3 {
}
div#sidebar div#navigation dl {
	width: 220px;
	margin: 0;
	padding: 0;
}
div#sidebar div#navigation dl dt {
	margin: 0;
	padding: 0;
}
div#sidebar div#navigation dl dd {
	display: none;
	margin: 0;
	padding: 0;
}
div#sidebar div#navigation dl dt a {
	display: block;
	padding: 15px 5px 15px 30px;
	background: url(../images/sideber_icon_linkmark.gif) no-repeat 10px center;
	border-bottom: 1px solid #E4E4DA;
}

div#sidebar div#navigation dl.now {
	border-bottom: 1px solid #E4E4DA;
}
div#sidebar div#navigation dl.now dt {
}
div#sidebar div#navigation dl.now dd {
	display: block;
}
div#sidebar div#navigation dl.now dt a {
	display: block;
	padding: 15px 5px 15px 30px;
	background: #E1F5CB url(../images/sideber_icon_linkmark_on.gif) no-repeat 10px center;
	border-bottom: 1px solid #E4E4DA;
}
div#sidebar div#navigation dl.now dd a {
	display: block;
	padding: 10px 5px 0 30px;
	background: #F3FCE9 url(../images/sideber_icon_nav_linkmark.gif) no-repeat 15px 15px;
}
div#sidebar div#navigation dl.now dd.lastChild a {
	padding-bottom: 10px;
}

div#sidebar div#navigation dl a:link {
	color: #505050;
	text-decoration: none;
}
div#sidebar div#navigation dl a:visited {
	color: #884F9B;
	text-decoration: none;
}
div#sidebar div#navigation dl dt a:hover {
	color: #3580CA;
	text-decoration: underline;
	background: #ffffff url(../images/sideber_icon_linkmark.gif) no-repeat 10px center;
}
div#sidebar div#navigation dl dd a:hover {
	color: #3580CA;
	text-decoration: underline;
	background: #F3FCE9 url(../images/sideber_icon_nav_linkmark.gif) no-repeat 15px 15px;
}

div#sidebar div#navigation dl.now .now a {
	color: #5F9217;
	font-weight: bold;
	text-decoration: none;
}
div#sidebar div#navigation dl.now dt.now a:hover {
	background: #E1F5CB url(../images/sideber_icon_linkmark_on.gif) no-repeat 10px center;
}
div#sidebar div#navigation dl.now dt a:hover {
	background: #E1F5CB url(../images/sideber_icon_linkmark_on.gif) no-repeat 10px center;
}



div#sidebar div.bannerBox {
	margin: 0;
	padding: 0;
}

div#sidebar div.bannerBox dl {
	margin: 0;
	padding: 0;
	border-top: 3px solid #78BA1D;
}
div#sidebar div.bannerBox dl dt {
	margin: 0;
	padding: 12px 0;
}
div#sidebar div.bannerBox dl dd {
	margin: 0;
	padding: 0 0 10px;
}
div#sidebar div.bannerBox dl dd img {
	margin-bottom: 5px;
}

div#sidebar div.bannerBox dl.spl {
	margin: 0 0 10px;
	padding: 0;
}
div#sidebar div.bannerBox dl.spl dd {
	margin: 0;
	padding: 0 0 5px;
}
div#sidebar div.bannerBox dl.spl dd img {
	margin-bottom: 0;
}




/******************************************************************************************************************************************************
	content styles 
******************************************************************************************************************************************************/


/* 基本ブロック
**********************************************/
#csr .section {
	margin: 0 0 25px;
	padding: 0;
}

#csr .section p {
	margin: 15px 10px;
	padding: 0;
}

#csr .section dl dt {
	font-weight: bold;
}


/* マージン調整用クラス
**********************************************/
#csr .mb-none {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
#csr .mb-05 {
	margin-bottom: 5px !important;
}
#csr .mb-10 {
	margin-bottom: 10px !important;
}
#csr .mb-15 {
	margin-bottom: 15px !important;
}
#csr .mb-20 {
	margin-bottom: 20px !important;
}
#csr .mb-25 {
	margin-bottom: 25px !important;
}
#csr .mb-30 {
	margin-bottom: 30px !important;
}
#csr .mb-50 {
	margin-bottom: 50px !important;
}



/* アンダーライン付きタイトル
**********************************************/
#csr .section .title-main {
	margin: 0;
	padding: 0;
}
#csr .section .title-underLine {
	margin-bottom: 1px;
	padding-bottom: 25px;
	border-bottom: 3px solid #78BA1D;
}

/* イメージ付きタイトル
**********************************************/
#csr .section .title-img {
	margin: 0;
	padding: 0;
}

/* サブタイトル付きタイトル
**********************************************/
#csr .section .title-headLine {
	margin-top: 25px;
}

/* 下ライン付きサブタイトル
**********************************************/
#csr .section .title-sub-headLine01 {
	padding: 15px 10px;
	border-bottom: 1px solid #E4E4DA;
}

/* 上下ライン付きサブタイトル
**********************************************/
#csr .section .title-sub-headLine02 {
	padding: 15px 10px;
	border-top: 3px solid #78BA1D;
	border-bottom: 1px solid #E4E4DA;
}

/* ラインなしサブタイトル
**********************************************/
#csr .section .title-sub-headLine03 {
	margin: 15px 0;
	padding: 0 10px;
}

/* ナビゲーション付きタイトル
**********************************************/
#csr .section .title-pageNav {
	padding: 15px 10px 0;
	border-bottom: 1px solid #E4E4DA;
}
#csr .section .title-pageNav li {
	float: left;
	display: inline;
	margin-right: 25px;
	padding-bottom: 15px;
	white-space: nowrap;
}
#csr .section .title-pageNav li a {
	display: block;
	padding-left: 15px;
	background: url(../images/icon_nav_anchorlink.gif) no-repeat left center;
}

/* ナビゲーション付きタイトル 3等分
**********************************************/
#csr .section .title-pageNav-3 {
	padding: 15px 10px 0;
	border-bottom: 1px solid #E4E4DA;
}
#csr .section .title-pageNav-3 li {
	float: left;
	display: inline;
	width: 33%;
	padding-bottom: 15px;
}
#csr .section .title-pageNav-3 li a {
	display: block;
	margin-right: 2em;
	padding-left: 15px;
	background: url(../images/icon_nav_anchorlink.gif) no-repeat left center;
}


/* タイトルテキスト　グリーン
**********************************************/
#csr .title-headLine-txt_green {
	margin: 0 10px 15px;
	padding: 0;
	font-size: 140%;
	font-weight: bold;
	color: #5F9217;
}
/* タイトルテキスト　ブラウン
**********************************************/
#csr .title-headLine-txt_brown {
	margin: 0 10px 15px;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
	color: #6C5032;
}

/* テキストカラー　グリーン
**********************************************/
#csr .txt_green {
	color: #5F9217;
}

/* テキストカラー　ブラウン
**********************************************/
#csr .txt_green {
	color: #6C5032;
}



/* 画像右寄せ　テキストの回り込みあり
**********************************************/
#csr .photo-right {
	float: right;
	display: inline;
	margin-left: 25px;
	margin-right: 0;
}

/* マーク付きリンク
**********************************************/
#csr .link-mark a {
	display: block;
	padding-left: 17px;
	background: url(../images/sideber_icon_linkmark.gif) no-repeat left 0.2em;
}
#csr .link-mark-txt {
	padding-left: 17px !important;
}


/* マーク付きリンク　右寄せ＆上ライン
**********************************************/
#csr .link-mark-strong a {
	display: block;
	padding-left: 20px;
	background: url(../images/sideber_icon_linkmark.gif) no-repeat left 0.2em;
	font-weight: bold;
	font-size: 120%;
}
#csr .link-mark-strong {
	margin-top: 8px !important;
	float: right;
	display: inline;
}
#csr .link-mark-line {
	border-top: 1px solid #E4E4DA;
}



/* 標準コンテンツ　左画像、右テキスト
**********************************************/
#csr .photo-box-left {
	float: left;
	display: inline;
	width: 220px;
	margin: 0;
	padding: 0;
	font-size: 85%;
}
#csr .photo-box-left img {
	margin-bottom: 5px;
}
#csr .txt-box-right {
	float: right;
	display: inline;
	width: 430px;
	margin: 0;
	padding: 0;
}

#csr .w200 {
	width: 200px !important;
	margin: 0 10px !important;
}

/* 標準コンテンツ　左テキスト、右画像
**********************************************/
#csr .photo-box-right {
	float: right;
	display: inline;
	width: 220px;
	margin: 0;
	padding: 0;
	font-size: 85%;
}
#csr .photo-box-right img {
	margin-bottom: 5px;
}
#csr .txt-box-left {
	float: left;
	display: inline;
	width: 430px;
	margin: 0;
	padding: 0;
}


/* 標準コンテンツのアンダーライン
**********************************************/
#csr .under-line {
	margin-top: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #E4E4DA;
}
#csr .under-line-none {
	padding-bottom: 0;
	border-bottom: none;
}


/* 囲みブロック
**********************************************/
#csr .bg-line-box {
	padding: 15px;
	background: #F6F6EB;
	border: 1px solid #E8E6D7;
}

/* 囲みブロック専用リスト
**********************************************/
#csr .bg-line-box-list {
}
#csr .bg-line-box-list .photo-right {
	margin: 0 !important;
	margin-left: 15px !important;
}

#csr .bg-line-box-list-title {
	margin-bottom: 5px;
	color: #5F9217;
	font-weight: bold;
}
#csr .bg-line-box-list-txt {
	list-style-type: none;
}
#csr .bg-line-box-list-txt li {
	margin-bottom: 5px;
	padding-left: 1.5em;
	background: url(../images/icon_mark_list_green.gif) no-repeat 0.5em 0.5em;
}

/* グリーン囲みブロック
**********************************************/
#csr .bg-line-box-green {
	padding: 15px;
	background: #EDF9DF;
	border: 1px solid #E1EDD3;
}

/* グレイ囲みブロック
**********************************************/
#csr .bg-line-box-gray {
	padding: 15px;
	background: #F9F9F9;
	border: 1px solid #EFEFEF;
}


/* ピンク囲みブロック
**********************************************/
#csr .bg-line-box-pink {
	padding: 15px;
	background: #FEECF2;
	border: 1px solid #FDD7E3;
}

#csr .bg-line-box-pink .photo-right {
	margin: 0 !important;
	margin-left: 15px !important;
}

#csr .bg-line-box-pink-list {
}
#csr .bg-line-box-pink-list-title {
	margin-bottom: 5px;
	color: #E35D92;
	font-weight: bold;
}
#csr .bg-line-box-pink-list-txt {
	margin: 0 !important;
}



/* 汎用リスト　デフォルトリストマーク
**********************************************/
#csr ul.list {
	list-style-type: disc;
	padding-left: 1.5em;
}
#csr ul.list li {
	list-style-type: disc;
	margin-bottom: 5px;
}

#csr ol.list {
	list-style-type: decimal;
	padding-left: 2.0em;
}
#csr ol.list li {
	list-style-type: decimal;
	margin-bottom: 5px;
}


/* リンクブロック
**********************************************/
#csr .link-banner {
}
#csr .link-banner-title {
}
#csr .link-banner-title a {
	display: block;
	padding-left: 20px;
	background: url(../images/sideber_icon_linkmark.gif) no-repeat left 0.2em;
	font-size: 120%;
	font-weight: bold;
}
#csr .link-banner-txt {
	padding-left: 20px;
}


/* 表組スタイル
**********************************************/
#csr .csr-table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #BFCF98;
	margin: 0 10px;
}
#csr .csr-table th {
	padding: 5px 10px;
	background: #D2E9A5;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #BFCF98;
	color: #405715;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
#csr .csr-table td {
	padding: 5px 10px;
	background: #ffffff;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #BFCF98;
	text-align: left;
	vertical-align: middle;
}


/* その他設定
**********************************************/

#csr dl.dl-txt {
	margin: 0;
	padding: 0;
}
#csr dl.dl-txt dt {
	color: #5F9217;
	margin: 0 10px 5px;
	padding: 0;
}
#csr dl.dl-txt dt.none {
	display: none;
}
#csr dl.dl-txt dd {
	margin: 0;
	padding-bottom: 15px;
}
#csr dl.dl-txt dd p {
	margin: 5px 10px !important;
	padding: 0;
}

#csr .listmark-txt {
	list-style-type: none;
	margin: 0 10px;
}
#csr .listmark-txt li {
	margin-bottom: 5px;
	padding-left: 2.0em;
	background: url(../images/icon_mark_list_green.gif) no-repeat 0.75em 0.5em;
}

#csr .list-ol-spl {
	list-style-type: none;
	margin: 0 10px;
	padding-left: 2.0em;
}
#csr .list-ol-spl li {
	list-style-type: decimal;
	margin-bottom: 5px;
	color: #5F9217;
	font-weight: bold;
}
#csr .list-ol-spl li span.txt {
	color: #505050;
	font-weight: normal;
}




/* ↓↓↓↓↓↓　この記述は絶対に削除しないでください　↓↓↓↓↓ */
} /* MacIE除外用 */