@charset "utf-8";

/* #############################################################

[ 基本パーツ + 汎用パーツ ]

適用範囲：サイト全体

※追記・改変の際はウェブマスタに問い合わせること

############################################################# */

/* ==========================================================================
 見出し
=========================================================================== */

/* -------------------------------------------------------------- 
ページタイトル
-------------------------------------------------------------- */

/* 幅960px　（#str_containerの直下）
--------------------------------------------- */
#str_container .pageTitle {
	width: 960px;
	padding:0 0 5px 0;
	margin: 0 0 10px 0;
	background:url(../images/headings/bg_pagetitle_960.gif) no-repeat bottom left;
}
#str_container .pageTitle:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;
}
#str_container .pageTitle h2,
#str_container .pageTitle h3 {
	padding:8px 10px 0 10px;
	background:url(../images/headings/bg_pagetitle_960.gif) no-repeat;
	color:#fff;
	font-size:160%;
	font-weight:bold;
	border:0;
	margin:0;
}


/* 幅790px　（#str_container＞#str_contentsの直下）
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .pageTitle {
	width: 790px;
	background:url(../images/headings/bg_pagetitle_770.gif) no-repeat bottom left;
}
#str_container #str_menuAndContents #str_contents .pageTitle:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;
}
#str_container #str_menuAndContents #str_contents .pageTitle h2 {
	background:url(../images/headings/bg_pagetitle_770.gif) no-repeat;
}

/* 幅600px　（#str_container＞#str_contents＞str_mainの直下）
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .str_main .pageTitle {
	width: 600px;
	background:url(../images/headings/bg_pagetitle_600.gif) no-repeat bottom left;
}
#str_container #str_menuAndContents #str_contents .str_main .pageTitle:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;
}
#str_container #str_menuAndContents #str_contents .str_main .pageTitle h2 {
	background:url(../images/headings/bg_pagetitle_600.gif) no-repeat;
}



/* -------------------------------------------------------------- 
h2 （Blue）
-------------------------------------------------------------- */

/* 幅960px　（#str_containerの直下）
--------------------------------------------- */
#str_container .headingBlue {
	width: 960px;
	padding:0 0 5px 0;
	margin: 0 0 10px 0;
	background:url(../images/headings/bg_heading_blue_960.gif) no-repeat bottom left;
}
#str_container .headingBlue div {
	padding:5px 15px 0 10px;
	background:url(../images/headings/bg_heading_blue_960.gif) no-repeat;
}
#str_container .headingBlue div h2 {
	float:left;
	display:inline;
	color:#fff;
	font-size:113%;
	font-weight:bold;
}
#str_container .headingBlue div h2 a {
	float:left;
	display:inline;
	color:#fff;
	font-weight:bold;
	padding-left:17px;
	background:url(../images/iconmark/mrk_h2_blue.gif) no-repeat;
}
#str_container .headingBlue div h3 {
	float:left;
	display:inline;
	border: none;
	font-size:113%;
	color:#fff;
	padding:0;
	margin:0;
}
#str_container .headingBlue div h4 {
	float:left;
	display:inline;
	border: none;
	font-size:113%;
	color:#fff;
	padding:0;
	margin:0;
}
#str_container .headingBlue .alth2,
#str_container .headingBlue .alth2 a {
	color:#fff;
	font-weight:bold;
}




/* 幅790px　（#str_container＞#str_center、#str_contentsの直下）
--------------------------------------------- */
#str_container #str_center .headingBlue,
#str_container #str_menuAndContents #str_contents .headingBlue {
	width: 790px;
}
#str_container #str_center .headingBlue,
#str_container #str_center .headingBlue div,
#str_container #str_menuAndContents #str_contents .headingBlue,
#str_container #str_menuAndContents #str_contents .headingBlue div {
	background-image:url(../images/headings/bg_heading_blue_790.gif);
}
#str_container #str_center .headingBlue div h2,
#str_container #str_menuAndContents #str_contents .headingBlue h2 {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	background:none;
	line-height:1.3;
}
/* 幅600px　（#str_container＞#str_contents＞str_mainの直下）
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .str_main .headingBlue {
	width: 600px;
}
#str_container #str_menuAndContents #str_contents .str_main .headingBlue,
#str_container #str_menuAndContents #str_contents .str_main .headingBlue div {
	background-image:url(../images/headings/bg_heading_blue_600.gif);
}

/* 幅180px　（#str_container＞#str_contents＞str_sideの直下）
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .str_side .headingBlue {
	width: 180px;
}
#str_container #str_menuAndContents #str_contents .str_side .headingBlue,
#str_container #str_menuAndContents #str_contents .str_side .headingBlue div {
	background-image:url(../images/headings/bg_heading_blue_180.gif);
}

/* -------------------------------------------------------------- 
h2 （Gray）
-------------------------------------------------------------- */

/* 幅960px　（#str_containerの直下）
--------------------------------------------- */
#str_container .headingGray {
	width: 960px;
	padding:0 0 5px 0;
	margin: 0 0 10px 0;
	background:url(../images/headings/bg_heading_gray_960.gif) no-repeat bottom left;
}
#str_container .headingGray div {
	padding:5px 15px 0 15px;
	background:url(../images/headings/bg_heading_gray_960.gif) no-repeat;
}
#str_container .headingGray div h2 {
	float:left;
	display:inline;
	font-size:113%;
	font-weight:bold;
}
#str_container .headingGray div h2 a,
#str_container .headingGray div h3 a {
	float:left;
	display:inline;
	color:#3b3b3b;
	/*font-size:113%;*/
	font-weight:bold;
	padding-left:17px;
	background:url(../images/iconmark/mrk_h2_gray.gif) no-repeat;
}
#str_container .headingGray div h3 {
	float:left;
	display:inline;
	border: none;
	font-size:113%;
	padding:0;
	margin:0;
}
#str_container .headingGray .title,
#str_container .headingGray .alth2 {
	/* font-size:113%; */
	font-weight:bold;
}
#str_container .headingGray .alth2 a {
	color:#3b3b3b;
	padding-left:17px;
	background:url(../images/iconmark/mrk_h2_gray.gif) no-repeat;
}

/* 幅790px　（#str_container＞#str_contentsの直下）
--------------------------------------------- */
#str_container #str_center .headingGray,
#str_container #str_menuAndContents #str_contents .headingGray {
	width: 790px;
}
#str_container #str_center .headingGray,
#str_container #str_center .headingGray div,
#str_container #str_menuAndContents #str_contents .headingGray,
#str_container #str_menuAndContents #str_contents .headingGray div {
	background-image:url(../images/headings/bg_heading_gray_790.gif);
}

/* 幅600px　（#str_container＞#str_contents＞str_mainの直下）
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .str_main .headingGray {
	width: 600px;
}
#str_container #str_menuAndContents #str_contents .str_main .headingGray,
#str_container #str_menuAndContents #str_contents .str_main .headingGray div {
	background-image:url(../images/headings/bg_heading_gray_600.gif);
}

/* 幅180px　（#str_container＞#str_contents＞str_sideの直下）
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .str_side .headingGray {
	width: 180px;
}
#str_container #str_menuAndContents #str_contents .str_side .headingGray,
#str_container #str_menuAndContents #str_contents .str_side .headingGray div {
	background-image:url(../images/headings/bg_heading_gray_180.gif);
}

/* 幅160px　（#str_container＞#str_leftmenuの直下）
--------------------------------------------- */
#str_container #str_leftmenu .headingGray {
	width: 160px;
}
#str_container #str_leftmenu .headingGray,
#str_container #str_leftmenu .headingGray div {
	background-image:url(../images/headings/bg_heading_gray_160.gif);
}


/* -------------------------------------------------------------- 
見出しへの右回り込み（pタグのみ許可）
-------------------------------------------------------------- */
#str_container .headingBlue div,
#str_container .headingGray div {
	zoom:1;
}
#str_container .headingBlue div:after,
#str_container .headingGray div:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;
}
#str_container .headingBlue div p,
#str_container .headingGray div p {
	float:right;
	margin:0;
	text-align:right;
}


/* -------------------------------------------------------------- 
#str_center内、会員系見出し
-------------------------------------------------------------- */
/* h1
--------------------------------------------- */
#str_container #str_center h1 {
	padding:0 0 0 20px;
	margin:0 0 20px 0;
	background:url(../images/headings/bg_heading_red.gif) no-repeat 4px 0;
}

/* h2
--------------------------------------------- */
#str_container #str_center h2 {
	padding:0 0 0 13px;
	margin:0 0 10px 0;
	background:url(../images/headings/bg_heading_red.gif) no-repeat -2px 0;
	font-weight:bold;
	font-size:113%;
	line-height:1;
}


/* -------------------------------------------------------------- 
H3
-------------------------------------------------------------- */
#str_container h3 {
	padding:3px 0 0 6px;
	margin: 0 0 10px 0;
	border-left:4px solid #eb4055;
	font-weight:bold;
}

/* h3 reset */
#str_container .h3reset {
	padding:0;
	margin:0;
	border:none;
}

/* 見た目h3 */
#str_container .likeh3 {
	padding:3px 0 0 6px;
	margin: 0 0 10px 0;
	border-left:4px solid #eb4055;
	font-weight:bold;
}

/* with サブテキスト
--------------------------------------------- */
#str_container .h3addTxt {
	zoom:1;
	margin: 0 0 10px 0;
}
#str_container .h3addTxt:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;
}
#str_container .h3addTxt h3 {
	float:left;
	display: inline;
	margin:0;
}
#str_container .h3addTxt div {
	float:right;
	display: inline;
	text-align:right;
}



/* -------------------------------------------------------------- 
H4（本文見出し）
-------------------------------------------------------------- */
#str_container h4 {
	font-weight:bold;
	font-size:113%;
}


/* -------------------------------------------------------------- 
H5（本文小見出し）
-------------------------------------------------------------- */
#str_container h5 {
	font-weight:bold;
}



/* ==========================================================================
 Section（角丸ボーダーで区切られたかたまりのこと）
=========================================================================== */

/* -------------------------------------------------------------- 
グレー枠
-------------------------------------------------------------- */

/* 幅960px　（#str_containerの直下）
--------------------------------------------- */
#str_container .sectionGray {
	width:960px;
	margin:0 0 6px 0;
	padding:5px 0 0 0;
	background:url(../images/section/bg_section_gray_960.gif) no-repeat;
}
#str_container .sectionGray .headingBlue {
	padding:0;
	margin:-5px 0 0 0;
	background:none;
	border-bottom:1px solid #2a72ad;
}
#str_container .sectionGray .headingGray {
	padding:0;
	margin:-5px 0 0 0;
	background:none;
	border-bottom:1px solid #a7a7a7;
}
#str_container .sectionGray div {
	padding-bottom:3px;
}
#str_container .sectionGray .inner {
	padding:10px 15px 13px 15px; /* 初期値（コンテンツにより調整） */
	background:#fff url(../images/section/bg_section_gray_960.gif) no-repeat bottom left;
}
/* 見出し位置調整 */
#str_container .sectionGray h2 {
	margin-top:-5px;
}
#str_container .sectionGray div h2 {
	margin-top:0;
}
/* h2リンクが画像だった場合 */
#str_container .sectionGray h2 a img {
	display:block;
	margin: 3px 0 0 0;
}




/* 幅790px　（#str_container＞#str_contentsの直下）
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .sectionGray {
	width:790px;
	background:url(../images/section/bg_section_gray_790.gif) no-repeat;
}
#str_container #str_menuAndContents #str_contents .sectionGray .inner {
	background:#fff url(../images/section/bg_section_gray_790.gif) no-repeat bottom left;
}

/* 幅600px　（#str_container＞#str_contents＞str_mainの直下）
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .str_main .sectionGray {
	width:600px;
	background:url(../images/section/bg_section_gray_600.gif) no-repeat;
}
#str_container #str_menuAndContents #str_contents .str_main .sectionGray .inner {
	background:#fff url(../images/section/bg_section_gray_600.gif) no-repeat bottom left;
}

/* 幅180px　（#str_container＞#str_contents＞str_sideの直下）
--------------------------------------------- */
#str_container #str_leftmenu .sectionGray,
#str_container #str_menuAndContents #str_contents .str_side .sectionGray {
	width:180px;
	background:url(../images/section/bg_section_gray_180.gif) no-repeat;
}
#str_container #str_leftmenu .sectionGray .inner,
#str_container #str_menuAndContents #str_contents .str_side .sectionGray .inner {
	background:#fff url(../images/section/bg_section_gray_180.gif) no-repeat bottom left;
}

/* 幅160px　（#str_container＞#str_leftmenuの直下）
--------------------------------------------- */
#str_container #str_leftmenu .sectionGray {
	width:160px;
	background:url(../images/section/bg_section_gray_160.gif) no-repeat;
}
#str_container #str_leftmenu .sectionGray .inner {
	background:#fff url(../images/section/bg_section_gray_160.gif) no-repeat bottom left;
}


/* -------------------------------------------------------------- 
グレー（背景ブルー）
-------------------------------------------------------------- */

#str_container .sectionGray.bgBlue .inner,
#str_container #str_menuAndContents #str_contents .sectionGray.bgBlue .inner,
#str_container #str_menuAndContents #str_contents .str_main .sectionGray.bgBlue .inner,
#str_container #str_menuAndContents #str_contents .str_side .sectionGray.bgBlue .inner {
	background-color:#edf2fa;
}



/* -------------------------------------------------------------- 
ブルー枠
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .str_side .sectionBlue {
	width:180px;
	margin:0 0 6px 0;
	background:#fff url(../images/section/bg_section_blue_180.gif) no-repeat bottom left;
}
#str_container #str_menuAndContents #str_contents .str_side .sectionBlue .sectionBlueHead {
	background:#edf2fa url(../images/section/bg_section_blue_180.gif) no-repeat;
	text-align:center;
	font-size:85%;
}
#str_container #str_menuAndContents #str_contents .str_side .sectionBlue .sectionBlueHead .headinner {
	padding:10px;
}
#str_container #str_menuAndContents #str_contents .str_side .sectionBlue .inner {
	padding:10px 15px 13px 15px; /* 初期値（コンテンツにより調整） */
	font-size:85%;
}




/* ==========================================================================
 汎用パーツ：テーブル
=========================================================================== */
#str_container .tbl {
	border:1px solid #ccc;
}
#str_container .tbl th,
#str_container .tbl td {
	padding:8px 10px;
}

/* -------------------------------------------------------------- 
thead
-------------------------------------------------------------- */
#str_container .tbl thead th {
	background-color:#f3f3f3;
	font-weight:bold;
}
/* バリエーション（背景青）
--------------------------------------------- */
#str_container .tbl thead.blueLine th {
	background-color:#edf1fa;
}

/* -------------------------------------------------------------- 
tbody
-------------------------------------------------------------- */
#str_container .tbl tbody th {
	background-color:#edf1fa;
	text-align:left;
	font-weight:bold;
}



/* ==========================================================================
 その他
=========================================================================== */
/* -------------------------------------------------------------- 
ページの先頭へ
-------------------------------------------------------------- */
#str_container p.moveTop {
	text-align:right;
}
#str_container p.moveTop a {
	padding-left:10px;
	background:url(../images/iconmark/mrk_triangle_gray_up.gif.gif) no-repeat 0 0.2em;
}


/* ==========================================================================
 パンくず
=========================================================================== */
#str_container #topicPath {
	padding:0 0 5px 0;
}
#str_container #topicPath span {
	padding:0 0.8em;
}