@charset "utf-8";

h2#contentsTitle_opinion {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
	background-image: url(../images/opinion/opinion_contentsTitle.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}



/* ============== opinion ================= */

#opinion {
	width: 860px;
	background-image: url(../images/shared/frame_03.jpg);
	background-repeat: repeat-y;
	padding: 10px 23px 10px;
}

#opinion h4.catch{
	height: 36px;
	background-image: url(../images/opinion/opinion_catch.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding-bottom: 15px;
	float: left;
	width: 673px;
}


#opinion #c_opinion {
	width: 860px;
	background-image: url(../images/shared/frame_860.gif);
	background-repeat: repeat-y;
}

#opinion #c_opinion .c_container {
	width: 820px;
	background-image: url(../images/shared/frameEnd_860.gif);
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#opinion #c_opinion .c_container .imgArea {
	width: 470px;
	float:left;
	background-image: url(../images/shared/frame_bgglay_470.gif);
	background-repeat: repeat-y;
}
#opinion #c_opinion .c_container .imgArea .inner {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	width: 430px;
}

#opinion #c_opinion .c_container .imgArea .inner h4 {
	height: 46px;
	width: 300px;
	background-image: url(../images/opinion/opinion_title_04.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding-bottom: 15px;
}

#opinion #c_opinion .c_container .imgArea .inner dl {
	padding-bottom: 15px;

}

#opinion #c_opinion .c_container .imgArea .inner dt {
	float: left;
	width: 210px;
	padding-right: 15px;
}

#opinion #c_opinion .c_container .imgArea .inner dd {
	float: left;
	width: 205px;
	line-height: 1.5em;
}

#opinion #c_opinion .c_container .imgArea .inner p {
	line-height: 1.5em;
	padding-bottom: 10px;
}

#opinion #c_opinion .c_container .textArea {
	width: 330px;
	float:left;
	padding-right: 20px;
}


#opinion #c_opinion .c_container .textArea .chapter1  {
	width: 330px;
	background-image: url(../images/shared/frame_330.gif);
	background-repeat: repeat-y;
}

#opinion #c_opinion .c_container .textArea .chapter1 h3 a {
	background-image: url(../images/opinion/opinion_title_01.jpg);
}

#opinion #c_opinion .c_container .textArea .chapter2  {
	width: 330px;
	background-image: url(../images/shared/frame_330.gif);
	background-repeat: repeat-y;
	margin-top:10px;
}

#opinion #c_opinion .c_container .textArea .chapter2 h3 a{
	background-image: url(../images/opinion/opinion_title_02.jpg);
}

#opinion #c_opinion .c_container .textArea .chapter3  {
	width: 330px;
	background-image: url(../images/shared/frame_330.gif);
	background-repeat: repeat-y;
	margin-top:10px;
}

#opinion #c_opinion .c_container .textArea .chapter3 h3 a{
	background-image: url(../images/opinion/opinion_title_03.jpg);
}

#opinion .titleBg {
	width: 320px;
	height: 26px;
	background-repeat: no-repeat;
	background-image: url(../images/shared/frameTop_330.gif);
	background-position: left top;
	padding: 5px 5px 0px;
}

#opinion .titleBg h3{
	text-indent: -9999px;
	background-repeat: no-repeat;
	height: 25px;
	width: 320px;
	background-position:left top;
}

#opinion .titleBg h3 a{
	text-indent: -9999px;
	height: 25px;
	width: 320px;
	background-repeat: no-repeat;
	overflow:hidden;
	display:block;
	background-position:left top;
}

#opinion .titleBg h3 a:hover , #opinion .titleBg h3 a.here{background-position:right top;}


#opinion .textBox{
	width: 310px;
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 10px 10px;
	background-image: url(../images/shared/frameEnd_330.gif);
}


#opinion .textBox p{
	line-height: 1.5em;	
}



/* ============== chapter1 ================= */

#chapter1 {
	width: 860px;
	background-image: url(../images/shared/frame_03.jpg);
	background-repeat: repeat-y;
	padding: 10px 23px 10px;
}

#chapter1 h3{
	width: 310px;
	height: 38px;
	background-image: url(../images/opinion/chapter1_title_01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: left;
}



#chapter1 #c_opinion {
	width: 860px;
	background-image: url(../images/shared/frame_860.gif);
	background-repeat: repeat-y;
}

#chapter1 #c_opinion .c_container {
	width: 820px;
	background-image: url(../images/shared/frameEnd_860.gif);
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: bottom;
}

#chapter1 #c_opinion .c_container .imgArea {
	width: 280px;
	padding-right: 20px;
	float:left;
}


#chapter1 #c_opinion .c_container .textArea {
	width: 520px;
	float:left;
	background-image: url(../images/shared/frame_bgglay_520.gif);
	background-repeat: repeat-y;
}






/* ============== chapter2 ================= */

#chapter2 {
	width: 860px;
	background-image: url(../images/shared/frame_03.jpg);
	background-repeat: repeat-y;
	padding: 10px 23px 10px;
}

#chapter2 h3{
	width: 310px;
	height: 38px;
	background-image: url(../images/opinion/chapter2_title_01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: left;
}



#chapter2 #c_opinion {
	width: 860px;
	background-image: url(../images/shared/frame_860.gif);
	background-repeat: repeat-y;
}

#chapter2 #c_opinion .c_container {
	width: 820px;
	background-image: url(../images/shared/frameEnd_860.gif);
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: bottom;
}

#chapter2 #c_opinion .c_container .imgArea {
	width: 280px;
	float:left;
}


#chapter2 #c_opinion .c_container .textArea {
	width: 520px;
	float:left;
	background-image: url(../images/shared/frame_bgglay_520.gif);
	background-repeat: repeat-y;
	padding-right: 20px;
}




/* ============== chapter3 ================= */

#chapter3 {
	width: 860px;
	background-image: url(../images/shared/frame_03.jpg);
	background-repeat: repeat-y;
	padding: 10px 23px 10px;
}

#chapter3 h3{
	width: 375px;
	height: 38px;
	background-image: url(../images/opinion/chapter3_title_01.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: left;
}



#chapter3 #c_opinion {
	width: 860px;
	background-image: url(../images/shared/frame_860.gif);
	background-repeat: repeat-y;
}

#chapter3 #c_opinion .c_container {
	width: 820px;
	background-image: url(../images/shared/frameEnd_860.gif);
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: bottom;
}

#chapter3 #c_opinion .c_container .imgArea {
	width: 280px;
	float:left;
	padding-right: 20px;
}


#chapter3 #c_opinion .c_container .textArea {
	width: 520px;
	float:left;
	background-image: url(../images/shared/frame_bgglay_520.gif);
	background-repeat: repeat-y;
}



/* ============== COMMON ================= */


.opinion_bn {
	background-repeat: no-repeat;
	height: 25px;
	width: 230px;
	padding-top: 10px;
}


.opinion_bn li, .opinion_bn a {
	width: 110px;
	height: 25px;
	display: block;
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent: -9999px;
	text-decoration: none;
	font-size: 1px;
	}
	
.opinion_bn_01 {
	float: left;
	background: transparent url(../images/opinion/bn_chapter1.jpg) 0px 0px no-repeat;
}
.opinion_bn_02 {
	float: left;
	background: transparent url(../images/opinion/bn_chapter2.jpg) 0px 0px no-repeat;
}
.opinion_bn_03 {
	float: left;
	background: transparent url(../images/opinion/bn_chapter3.jpg) 0px 0px no-repeat;
}


.opinion_bn_01 a { background: transparent url(../images/opinion/bn_chapter1.jpg) 0px 0px no-repeat;}
.opinion_bn_02 a { background: transparent url(../images/opinion/bn_chapter2.jpg) 0px 0px no-repeat;}
.opinion_bn_03 a { background: transparent url(../images/opinion/bn_chapter3.jpg) 0px 0px no-repeat;}


.opinion_bn li a:hover , .opinion_bn li a.here{background-position:right top;}



.bn_chapter {
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 10px;
	float:right;
	padding-bottom: 10px;
}


.bn_chapter li, .bn_chapter a {
	height: 25px;
	display: block;
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent: -9999px;
	text-decoration: none;
	font-size: 1px;
	}
	
.bn_chapter_01 {
	float: left;
	background: transparent url(../images/opinion/bn_chapter1.jpg) 0px 0px no-repeat;
	width: 225px;
}
.bn_chapter_02 {
	float: left;
	background: transparent url(../images/opinion/bn_chapter2.jpg) 0px 0px no-repeat;
	width: 210px;
}
.bn_chapter_03 {
	float: left;
	background: transparent url(../images/opinion/bn_chapter3.jpg) 0px 0px no-repeat;
	width: 260px;
}


.bn_chapter_01 a { background: transparent url(../images/opinion/bn_chapter_01.jpg) 0px 0px no-repeat;}
.bn_chapter_02 a { background: transparent url(../images/opinion/bn_chapter_02.jpg) 0px 0px no-repeat;}
.bn_chapter_03 a { background: transparent url(../images/opinion/bn_chapter_03.jpg) 0px 0px no-repeat;}


.bn_chapter li a:hover , .bn_chapter li a.here{background-position:left bottom;}




#c_opinion .c_container .textArea .chapterBox {
	width: 490px;
	padding: 5px 15px;
}
#c_opinion .c_container .textArea .chapterBox dl {
	background-image: url(../images/shared/line_dot_02.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 14px;
}

#c_opinion .c_container .textArea .chapterBox dl.end {
	background-image: none;
	padding-bottom: 0px;
}

#c_opinion .c_container .textArea .chapterBox dt {
	font-size: 14px;
	font-weight: bold;
	color: #003768;
	line-height: 1.5em;
}

#c_opinion .c_container .textArea .chapterBox dd {
	font-size: 12px;
	line-height: 1.5em;
}


#c_opinion .c_container .textArea .chapterBox dd.left {
	width: 255px;
	padding-right: 15px;
	float: left;
}

#c_opinion .c_container .textArea .chapterBox dd.right {
	float: left;
	width: 220px;
	padding-top: 18px;
}