@charset "shift_jis";

@import url("common.css");

/* --------------------------------------------------------------------------------------
 ページ上部（サブナビ・タイトル）
--------------------------------------------------------------------------------------- */

div#page-catch {
	width: 740px;
}

div.index-top {
	margin-bottom: 30px;
}

div#page-catch:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#page-catch { display:inline-block; }
/*\*/
* html div#page-catch { height:1%; }
div#page-catch { display:block; }
/**/

div#page-catch-left {
	float: left;
	width: 176px;
}

div#page-catch-right {
	float: right;
	width: 543px;
}


/* サブナビ -------------------- */

dl#menu-feel {
	width: 176px;
}


/* いろいろな声 */


dl#menu-feel dt {
	padding: 5px 0 5px 12px;
	background: #00AA24 url(../img/left_menu_tp.gif) no-repeat left top;
	color: #FFFFFF;
	font-weight: bold;
}

* html dl#menu-feel dt {
	padding: 8px 0px 7px 12px;
}

dl#menu-feel dt a:link,
dl#menu-feel dt a:visited,
dl#menu-feel dt a:hover,
dl#menu-feel dt a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

dl#menu-feel dt img {
	margin: 0px 0px -1px 1px;
}

dl#menu-feel dt.green {
	padding: 5px 0 5px 12px;
	background: #00AA24 url(../img/left_menu_tp.gif) no-repeat left top;
	color: #FFFFFF;
	font-weight: bold;
}

dl#menu-feel dd ul {
	background: url(../../feel/img/bg_snavi.jpg) no-repeat left top;
}

dl#menu-feel dd ul li {
	margin: 0 9px;
	padding: 2px 2px 5px;
	background: url(../img/left_menu_partition.gif) no-repeat left bottom;
	font-weight: bold;
	line-height: 1.2em;
}

dl#menu-feel dd ul li.first {
	padding: 9px 2px 10px;
}

dl#menu-feel dd ul li a {
	color: #00AB25;
}

dl#menu-feel dd ul li a:hover {
	border-bottom: 1px solid #FF8A00;
}

dl#menu-feel dd ul li span {
	display: block;
	font-size: 86%;
}

dl#menu-feel dd ul li.end {
	background: none;
}


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

/* トップ */

div#title-index {
	min-height:50px;

}

div#title-index h1 {
	margin-bottom: 4px;
	font-size: 242%;
	font-weight: bold;
	line-height: 1.1em;
	width: 500px;
}

div#voice_bn {
	float:right;
	width:176px;
	height:50px;
}

div#title-index p {
	margin: 0 2px;
	color: #00AB25;
	line-height: 1.3em;
}


div#title-index p.top-img {
	height:205px;
	margin-top:10px;
}

/* 下層 */

div#to-course {
	clear: both;
	text-align:right;
	margin-top:15px;
	margin-bottom:0px;
}

div#title-other {
	min-height: 280px;
}

* html div#title-other {
	height: 280px;
}

* html div#title-other h1{
	margin-bottom: 4px;
	font-size: 205%;
	font-weight: bold;
	line-height: 1.1em;
}

div#title-other08 {
	min-height: 280px;
}

* html div#title-other08 {
	height: 100px;
}

* html div#title-other08 h1{
	margin-bottom: 4px;
	font-size: 205%;
	font-weight: bold;
	line-height: 1.1em;
}

div.voice01 h1,
div.voice02 h1,
div.voice10 h1,
div.voice11 h1,
div.voice14 h1,
div.voice15 h1,
div.voice16 h1 {
	margin: 0 0 9px 270px;
	font-size: 200%;
	font-weight: bold;
	line-height: 1.2em;
}

div.voice01 p,
div.voice02 p,
div.voice10 p,
div.voice11 p,
div.voice14 p,
div.voice15 p,
div.voice16 p {
	margin: 0 0 9px 273px;
	color: #00AB25;
	font-weight: bold;
	line-height: 1.3em;
}

div.voice01 p.name,
div.voice02 p.name,
div.voice10 p.name,
div.voice11 p.name,
div.voice14 p.name,
div.voice15 p.name,
div.voice16 p.name {
	margin-bottom: 22px;
	color: #1F140F;
	font-size: 117%;
	font-weight: normal;
	line-height: 1.3em;
}

div.voice03 h1 {
	margin: 0 0 9px 5px;
	font-size: 200%;
	font-weight: bold;
	line-height: 1.2em;
}

div.voice03 p.cate-icon {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}

div.voice03 p {
	margin: 0 0 9px 8px;
	color: #1F140F;
	font-size: 117%;
	font-weight: normal;
	line-height: 1.3em;
}

div.voice04 h1 {
	margin: 0 0 9px 5px;
	font-size: 200%;
	font-weight: bold;
	line-height: 1.2em;
}

div.voice04 p {
	margin: 0 0 9px 8px;
	color: #1F140F;
	font-size: 117%;
	font-weight: normal;
	line-height: 1.3em;
}

div.voice05 h1 {
	margin: 0 0 9px 220px;
	font-size: 200%;
	font-weight: bold;
	line-height: 1.2em;
}

div.voice05 p {
	margin: 0 0 9px 248px;
	color: #1F140F;
	font-size: 117%;
	font-weight: normal;
	line-height: 1.3em;
}

div.voice06 h1 {
	margin: 0 0 9px 5px;
	font-size: 200%;
	font-weight: bold;
	line-height: 1.2em;
}

div.voice06 p.cate-icon {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}

div.voice06 p {
	margin: 0 0 9px 15px;
	color: #00AB25;
	font-weight: bold;
	line-height: 1.3em;
}

div.voice06 p.name {
	margin: 0 0px 22px 8px;
	color: #1F140F;
	font-size: 117%;
	font-weight: normal;
	line-height: 1.3em;
}

div.voice07 h1 {
	margin: 0 0 9px 5px;
	font-size: 200%;
	font-weight: bold;
	line-height: 1.2em;
}

div.voice07 p.cate-icon {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}

div.voice07 p {
	margin: 0 0 9px 15px;
	color: #00AB25;
	font-weight: bold;
	line-height: 1.3em;
}

div.voice07 p.name {
	margin: 0 0px 22px 8px;
	color: #1F140F;
	font-size: 117%;
	font-weight: normal;
	line-height: 1.3em;
}

div.voice08 h1 {
	margin: 0 0 9px 5px;
	font-size: 200%;
	font-weight: bold;
	line-height: 1.2em;
}

div.voice08 p {
	margin: 0 0 9px 15px;
	color: #00AB25;
	font-weight: bold;
	line-height: 1.3em;
}

div.voice08 p.name {
	margin: 0 0px 22px 8px;
	color: #1F140F;
	font-size: 117%;
	font-weight: normal;
	line-height: 1.3em;
}
div.voice08 p.cate-icon {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}

div.voice09 h1,
div.voice12 h1,
div.voice13 h1 {
	margin: 0 0 9px 5px;
	font-size: 200%;
	font-weight: bold;
	line-height: 1.2em;
}

div.voice09 p.cate-icon,
div.voice12 p.cate-icon,
div.voice13 p.cate-icon {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}

div.voice09 p,
div.voice12 p,
div.voice13 p {
	margin: 0 0 9px 15px;
	color: #00AB25;
	font-weight: bold;
	line-height: 1.3em;
}

div.voice09 p.name,
div.voice12 p.name,
div.voice13 p.name {
	margin: 0 0px 22px 8px;
	color: #1F140F;
	font-size: 117%;
	font-weight: normal;
	line-height: 1.3em;
}

div#title-other ul.question {
	margin: 0 15px 0 273px;
}

div#title-other ul.question li {
	float: none;
	width: 230px;
	margin-bottom: 0px;
	padding: 0px 0px 9px 1.7em;
	text-indent: -1.7em;
	color: #00AB25;
	line-height: 1.3em;
}

div#title-other ul.question li a {
	color: #00AB25;
	text-decoration: underline;
}

div#title-other ul.question-l {
	margin: 0 273px 0 15px;
}

div#title-other ul.question-l li {
	float: none;
	width: 230px;
	margin-bottom: 0px;
	padding: 0px 0px 9px 1.7em;
	text-indent: -1.7em;
	color: #00AB25;
	line-height: 1.3em;
}

div#title-other ul.question-l li a {
	color: #00AB25;
	text-decoration: underline;
}


div.voice01 {
	background: url(../../feel/img/pageimage_voice01.jpg) no-repeat;
}
div.voice02 {
	background: url(../../feel/img/pageimage_voice02.jpg) no-repeat;
}
div.voice03 {
	background: url(../../feel/img/pageimage_voice03.jpg) no-repeat;
}
div.voice04 {
	background: url(../../feel/img/pageimage_voice04.jpg) no-repeat;
}
div.voice05 {
	background: url(../../feel/img/pageimage_voice05.jpg) no-repeat;
}
div.voice06 {
	background: url(../../feel/img/pageimage_voice06.jpg) no-repeat;
}
div.voice07 {
	background: url(../../feel/img/pageimage_voice07.jpg) no-repeat;
}

div.voice08 {
	background: url(../../feel/img/pageimage_voice08.jpg) no-repeat;
	margin-bottom:10px;
}

div.voice09 {
	background: url(../../feel/img/pageimage_voice09.jpg) no-repeat;
	margin-bottom:10px;
}

div.voice10 {
	background: url(../../feel/img/pageimage_voice10.jpg) no-repeat;
	margin-bottom:10px;
}

div.voice11 {
	background: url(../../feel/img/pageimage_voice11.jpg) no-repeat;
	margin-bottom:10px;
}

div.voice12 {
	background: url(../../feel/img/pageimage_voice12.jpg) no-repeat;
	margin-bottom:10px;
}

div.voice13 {
	background: url(../../feel/img/pageimage_voice13.jpg) no-repeat;
	margin-bottom:10px;
}

div.voice14 {
	background: url(../../feel/img/pageimage_voice14.jpg) no-repeat;
	margin-bottom:10px;
}

div.voice15 {
	background: url(../../feel/img/pageimage_voice15.jpg) no-repeat;
	margin-bottom:10px;
}

div.voice16 {
	background: url(../../feel/img/pageimage_voice16.jpg) no-repeat;
	margin-bottom:10px;
}


/* ページ内容紹介 -------------------- */

div.page-info-in p.index {
	padding: 4px 12px;
	background: url(../../feel/img/pageinfo_tp_index.gif) no-repeat left top;
	color: #00AB25;
	font-weight: bold;
}


/* --------------------------------------------------------------------------------------
 いろいろな声 トップ
--------------------------------------------------------------------------------------- */

/* カラムタイプ -------------------- */

div.ct-box {
	width: 739px;
	margin-bottom: 19px;
	background: url(../../feel/img/bg_ctbox01_repeat.gif) repeat-y;
}

div.ct-box-in {
	width: 739px;
	background: url(../../feel/img/bg_ctbox01_bt.gif) no-repeat left bottom;
}

div.ct-box-in:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.ct-box-in { display:inline-block; }
/*\*/
* html div.ct-box-in { height:1%; }
div.ct-box-in { display:block; }
/**/

div.ct-box-one {
	width: 365px;
	padding-bottom: 7px;
	background: url(../../feel/img/bg_ctbox01_tp.gif) no-repeat left top;
}

div.ct-box01 {
	width: 365px;
	margin-bottom: 19px;
	background: url(../../feel/img/bg_ctbox01_repeat.gif) repeat-y;
}

div.ct-box01-in {
	width: 365px;
	background: url(../../feel/img/bg_ctbox01_bt.gif) no-repeat left bottom;
}

div.ct-box02 {
	width: 739px;
	margin-bottom: 19px;
	background: url(../../feel/img/bg_ctbox02_repeat.gif) repeat-y;
}

div.ct-box02-in {
	width: 739px;
	background: url(../../feel/img/bg_ctbox02_bt.gif) no-repeat left bottom;
}

div.ct-box01-in:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.ct-box01-in { display:inline-block; }

div.ct-box02-in:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.ct-box02-in { display:inline-block; }
/*\*/
* html div.ct-box01-in { height:1%; }
div.ct-box01-in { display:block; }

* html div.ct-box02-in { height:1%; }
div.ct-box02-in { display:block; }
/**/

div.ct-box-left {
	float: left;
	width: 365px;
	margin-right: 9px;
	padding-bottom: 7px;
	background: url(../../feel/img/bg_ctbox01_tp.gif) no-repeat left top;
}

div.ct-box-right {
	float: left;
	width: 365px;
	padding-bottom: 7px;
	background: url(../../feel/img/bg_ctbox01_tp.gif) no-repeat left top;
}


/* テキストエリア -------------------- */
div.category {
	padding-top: 8px;
	padding-bottom:3px;
	padding-left:11px;
	border-bottom:#00AB25 1px dotted;
}


div.ct-box h2,
div.ct-box02 h2,
div.ct-box01 h2 {
	padding: 8px 11px 5px;
	color: #333;
	font-weight:bold;
	font-size: 140%;
}

div.ct-box h2 span,
div.ct-box02 h2 span,
div.ct-box01 h2 span {
	display: block;
	margin-bottom: 5px;
	color: #1F140F;
	font-size: 60%;
}

div.cont {
	position: relative;
	width: 343px;
	min-height: 93px;
	margin-left: 11px;
}

* html div.cont {
	height: 93px;
}

div.cont p.image {
	position: absolute;
	top: 2px;
	left: 0;
	margin: 0;
}

div.cont p {
	margin: 0 0 4px 116px;
	color: #5C5B5F;
}

div.cont p span {
	color: #00AB25;
}

div.cont p.detail {
	padding-left: 14px;
	background: url(../img/icon_arrow_green.gif) no-repeat 0 .3em;
}


/* --------------------------------------------------------------------------------------
 いろいろな声 下層
--------------------------------------------------------------------------------------- */

/* Q＆A -------------------- */

dl.faq {
	margin-top: 25px;
}

dl.faq dt {
	margin-bottom: 5px;
	color: #00AB25;
	font-size: 150%;
}

dl.faq dd {
	margin-bottom: 35px;
	color: #5C5B5F;
}

dl.faq dd.end {
	margin-bottom: 0;
}

dl.faq dd span.name {
	margin-right: 10px;
	color: #00AB25;
	font-weight: bold;
}


/* コメント -------------------- */

div.comment {
	margin: 30px 0px 0px 8px;
}

div.comment p {
	margin-bottom: 20px;
	color: #5C5B5F;
}
/* コメント 08用-------------------- */
#myMovie{
 	margin: 0 0 9px 25px;
}

.summary{
	width:140px;
	float:right;
	margin-right:20px;
	margin-bottom:20px;
}

.wrapper {
	min-height:0;
	display: inline-table;
}
.wrapper:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}


div#gabazine-link {
	text-align:right;
}

.img-right {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}