@charset "utf-8";

div {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

img {
	border-width:0px;
}

/*-- S --*/


div#life {
	width:726px;
	margin:0px 0px 0px 72px;
	padding:0px 0px 20px 0px;
}



div.life_top {
	width:706px;
	height:80px;
	overflow:hidden;
	background:url("../img/bg_top.gif") no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}



h1.life_text {
	color:#646464;
	font-size:10px;
	font-weight:normal;
	width:335px;
	height:36px;
	padding:9px 0px 0px 1px;
	margin:0px 0px 0px 0px;
	float:left;
}

h2 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

div.life_link {
	width:120px;
	height:41px;
	padding:4px 1px 0px 0px;
	margin:0px 0px 0px 0px;
	float:right;
}

div.life_link img {
	margin:4px 0px 0px 0px;
}

div.life_tab {
	width:460px;
	height:30px;
	float:left;
	overflow:hidden;
}

div.life_tab img {
	margin:0px 5px 0px 0px;
	padding:0px;
}




div.life_info {
	width:346px;
	float:left;
	margin:20px 0px 0px 0px;
	padding:0px;
}


div.life_info div.table {
	width:345px;
	height:60px;
	overflow:auto;
	margin:5px 0px 0px 0px;
	padding:0px;
}


div.life_info table {
	margin:0px 0px 0px 0px;
	padding:0px;
	width:325px;
	color:#333333;
}

div.life_info table td {
	background:url("../img/arw.gif") no-repeat 0px 1.1ex;
	font-weight:normal;
	padding:3px 0px 0px 15px;
	vertical-align:top;
	text-align:left;
	line-height:2.7ex;
}





div.life_banner {
	width:360px;
	float:left;
	margin:10px 0px 0px 0px;
	padding:0px;
}

div.life_banner img {
	margin:0px;
	padding:0px 0px 0px 10px;
}


div.footer_banner img {
	margin:0px;
	padding:0px 11px 0px 0px;
}




ul.list {
	margin:0px;
	padding:0px 0px 0px 20px;
}

ul.list li {
	font-size:100%;
	line-height:1.5em;
}




.w706 {
	width:706px;
}
.w590 {
	width:590px;
}
.relative {
	position:relative;
}


/*-- Send --*/




/*-- case --*/



div.case_block {
	width:343px;
	height:115px;
	float:left;
	margin:0px;
	padding:0px 20px 20px 0px;
	overflow:hidden;
}

div.case_block_win {
	width:228px;
	height:152px;
	float:left;
	margin:0px 0px 9px 0px;
	padding:0px 11px 0px 0px;
	overflow:hidden;
}


div.case_block_win a {display:block;width:228px;height:152px;}


.case01 a:link    {background:url(../case/img/case_win_01.jpg) no-repeat left top;}
.case01 a:visited {background:url(../case/img/case_win_01.jpg) no-repeat left top;}
.case01 a:hover   {background:url(../case/img/case_win_01.jpg) no-repeat left bottom;}
.case01 a:active  {background:url(../case/img/case_win_01.jpg) no-repeat left top;}

.case02 a:link    {background:url(../case/img/case_win_02.jpg) no-repeat left top;}
.case02 a:visited {background:url(../case/img/case_win_02.jpg) no-repeat left top;}
.case02 a:hover   {background:url(../case/img/case_win_02.jpg) no-repeat left bottom;}
.case02 a:active  {background:url(../case/img/case_win_02.jpg) no-repeat left top;}

.case03 a:link    {background:url(../case/img/case_win_03.jpg) no-repeat left top;}
.case03 a:visited {background:url(../case/img/case_win_03.jpg) no-repeat left top;}
.case03 a:hover   {background:url(../case/img/case_win_03.jpg) no-repeat left bottom;}
.case03 a:active  {background:url(../case/img/case_win_03.jpg) no-repeat left top;}

.case04 a:link    {background:url(../case/img/case_win_04.jpg) no-repeat left top;}
.case04 a:visited {background:url(../case/img/case_win_04.jpg) no-repeat left top;}
.case04 a:hover   {background:url(../case/img/case_win_04.jpg) no-repeat left bottom;}
.case04 a:active  {background:url(../case/img/case_win_04.jpg) no-repeat left top;}

.case05 a:link    {background:url(../case/img/case_win_05.jpg) no-repeat left top;}
.case05 a:visited {background:url(../case/img/case_win_05.jpg) no-repeat left top;}
.case05 a:hover   {background:url(../case/img/case_win_05.jpg) no-repeat left bottom;}
.case05 a:active  {background:url(../case/img/case_win_05.jpg) no-repeat left top;}

.case06 a:link    {background:url(../case/img/case_win_06.jpg) no-repeat left top;}
.case06 a:visited {background:url(../case/img/case_win_06.jpg) no-repeat left top;}
.case06 a:hover   {background:url(../case/img/case_win_06.jpg) no-repeat left bottom;}
.case06 a:active  {background:url(../case/img/case_win_06.jpg) no-repeat left top;}

.case07 a:link    {background:url(../case/img/case_win_07.jpg) no-repeat left top;}
.case07 a:visited {background:url(../case/img/case_win_07.jpg) no-repeat left top;}
.case07 a:hover   {background:url(../case/img/case_win_07.jpg) no-repeat left bottom;}
.case07 a:active  {background:url(../case/img/case_win_07.jpg) no-repeat left top;}

.case08 a:link    {background:url(../case/img/case_win_08.jpg) no-repeat left top;}
.case08 a:visited {background:url(../case/img/case_win_08.jpg) no-repeat left top;}
.case08 a:hover   {background:url(../case/img/case_win_08.jpg) no-repeat left bottom;}
.case08 a:active  {background:url(../case/img/case_win_08.jpg) no-repeat left top;}




div.case_navi {
	width:725px;
	height:40px;
	margin:0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}


div.case_navi img {
	width:100px;
	height:40px;
	margin:0px;
	padding:0px 1px 1px 0px;
}


h3.case_title {
	color:#ff6600;
	font-size:140%;
	line-height:160%;
	float:left;
	margin:0px;
	padding:15px 0px 1px 40px;
	background:url("../img/bg_case_title.gif") no-repeat left bottom;
}

h4.case_name {
	color:#505050;
	font-size:110%;
	line-height:140%;
	float:right;
	margin:0px;
	padding:20px 0px 0px 0px;
}


div.case_title_box {
	background:url("../img/bg_case_title2.gif") no-repeat 0px 4px;
	position:relative;
	margin:0px;
	padding:1px 0px 0px 0px;
}


.title_line {
	clear:both;
	margin:0px 20px 20px 0px;
	padding:0px 0px 0px 0px;
	background:url("../img/bg_title_line.gif") repeat-x left bottom;
}

div.case_title_box .title_line {
	width:706px;
	min-height:55px;
	*height:55px;
}

h3.case_title2 {
	color:#ff6600;
	font-size:140%;
	line-height:1;
	padding:6px 0px 0px 50px;
}

h4.case_name2 {
	color:#505050;
	font-size:110%;
	line-height:140%;
	padding:5px 0px 5px 50px;
	position:relative;
	z-index:5;
}

.case_title_box .title_line h4.case_name2 span {
	background:#ffffff;
}

.goback_ap {
	position:absolute;
	top:-67px;
	right:20px;
	z-index:1;
}

.case_box {
	width:706px;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}

.case_movie {
	width:480px;
	margin:0px auto 20px;
	padding:0px;
}

.case_img {
	width:400px;
	float:left;
	margin:0px 0px 20px 0px;
	padding:0px 20px 0px 0px;
}


.case_text {
	width:286px;
	float:left;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}


.case_box p, .case_text p {
	color:#505050;
	line-height:1.5em;
	text-align:justify;
	text-justify:inter-ideograph;
}


.text_line {
	background:url("../img/bg_text_line.gif") repeat-x left center;
	line-height:2em;
}

.text_line706 {
	background:url("../img/bg_text_line.gif") repeat-x left center;
	line-height:21px;
	width:706px;
	height:21px;
}

.osusume {
	background:#86c303;
	margin:20px 0px 5px 0px;
}

.link_orange {
	background:url("../img/arw_orange.gif") no-repeat 0px 1.1ex;
	padding:1px 0px 0px 15px;
	margin:0px 0px 2px 0px;
	line-height:1.5em;
}

.link_orange a:link    {color:#ff6600;text-decoration:underline;}
.link_orange a:visited {color:#ff6600;text-decoration:underline;}
.link_orange a:hover   {color:#ff6600;text-decoration:none;}
.link_orange a:active  {color:#ff6600;text-decoration:underline;}


.link_in a:link    {color:#ff6600;text-decoration:underline;}
.link_in a:visited {color:#ff6600;text-decoration:underline;}
.link_in a:hover   {color:#ff6600;text-decoration:none;}
.link_in a:active  {color:#ff6600;text-decoration:underline;}

.link_green {
	background:url("../img/arw_green.gif") no-repeat 0px 1.1ex;
	padding:1px 0px 0px 15px;
	margin:0px 0px 2px 0px;
	line-height:1.5em;
}

.link_green a:link    {color:#229f03;text-decoration:underline;}
.link_green a:visited {color:#229f03;text-decoration:underline;}
.link_green a:hover   {color:#229f03;text-decoration:none;}
.link_green a:active  {color:#229f03;text-decoration:underline;}


.link a:link    {color:#229f03;text-decoration:underline;}
.link a:visited {color:#229f03;text-decoration:underline;}
.link a:hover   {color:#229f03;text-decoration:none;}
.link a:active  {color:#229f03;text-decoration:underline;}



/*-- case end --*/




/*-- kiso get --*/

h3.title {
	color:#505050;
	font-size:140%;
	line-height:160%;
	float:left;
	margin:0px;
	padding:15px 0px 1px 0px;
}


h4.h4_get {
	color:#ffffff;
	background:#606060;
	font-size:115%;
	line-height:1.5;
	padding:3px 5px 2.5px 10px;
}

.text p {
	color:#505050;
	line-height:1.5em;
	text-align:justify;
	text-justify:inter-ideograph;
}

td.text {
	text-align:left;
	color:#505050;
}

td.text p {
	margin:0px 0px 1em 0px;
}



p.caption {
	text-align:center;
	width:200px;
	margin:3px 0px 0px 0px;
	color:#505050;
}




ol.life_number {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 25px;
}

ol.life_number li {
	font-size:100%;
	line-height:1.5em;
}


/*-- kiso get --*/





/*-- data20080611 --*/

h3.h3_data {
	margin:0px 0px 15px 0px;
	padding:0px;
}

h4.h4_data {
	margin:10px 0px 10px 0px;
	padding:0px;
}

h5.h5_data {
	margin:0px 0px 0px 0px;
	padding:0px;
}

h6.h6_data {
	margin:0px 0px 10px 0px;
	padding:5px 5px 5px 10px;
	clear:both;
	background:#fdefda;
	border-left:solid 6px #ff9600;
	font-size:120%;
	line-height:120%;
	color:#b26901;
	width:685px;
}

h6.h6_data small {
	font-weight:normal;
	color:#505050;
}

h6.h6_data a:link    {color:#b26901;text-decoration:underline;}
h6.h6_data a:visited {color:#b26901;text-decoration:underline;}
h6.h6_data a:hover   {color:#b26901;text-decoration:none;}
h6.h6_data a:active  {color:#b26901;text-decoration:underline;}


.h7_data {
	font-weight:bold;
	font-size:105%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 30px;
	text-indent:-30px;
}

.h7_data img {
	vertical-align:-0.3em;
	padding-right:10px;
}


.h7_data0 {
	font-weight:bold;
	font-size:105%;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}


.data_order {
	float:right;
	width:590px;
}

.data_order p {
	margin-left:30px;
}



table.data_model_list {
	width:706px;
	background:#fdefda;
}

table.data_model_list th {
	text-align:left;
	vertical-align:top;
	padding:0px 5px;
	white-space:nowrap;
}

table.data_model_list td {
	text-align:left;
	vertical-align:top;
	padding:0px 0px;
}

table.data_model_list td.middle {
	vertical-align:middle;
}

table.data_model_list td a {
	white-space:nowrap;
}

table.data_model_list td a:link    {color:#505050;text-decoration:underline;}
table.data_model_list td a:visited {color:#505050;text-decoration:underline;}
table.data_model_list td a:hover   {color:#505050;text-decoration:none;}
table.data_model_list td a:active  {color:#505050;text-decoration:underline;}





table.data_loop {
	margin:0px 0px 10px 0px;
}

table.data_loop td {
	text-align:left;
	vertical-align:top;
}

table.data_loop td p {
	font-size:85%;
	line-height:1.4;
	margin-bottom:5px;
}


/*-- data20080611 --*/







.nowrap {
	white-space:nowrap;
}



.gotop {
	background:url("../img/bg_gotop.gif") no-repeat;
	width:700px;
	height:20px;
	color:#646464;
	font-size:10px;
	line-height:20.5px;
	text-align:right;
	vertical-align:middle;
	padding:0px 6px 0px 0px;
	margin:0px 0px 5px 0px;
	overflow:hidden;
	clear:both;
}

.gotop a:link    {color:#646464;text-decoration:underline;}
.gotop a:visited {color:#646464;text-decoration:underline;}
.gotop a:hover   {color:#646464;text-decoration:none;}
.gotop a:active  {color:#646464;text-decoration:underline;}

.gotop10 {
	margin:10px 0px 10px 0px;
}

.gotop20 {
	margin:20px 0px 20px 0px;
}



.gotop2 {
	height:20px;
	color:#646464;
	font-size:10px;
	line-height:20.5px;
	text-align:right;
	vertical-align:middle;
	padding:0px 6px 0px 0px;
	margin:20px 0px 20px 0px;
	overflow:hidden;
	clear:both;
}

.gotop2 a:link    {color:#646464;text-decoration:underline;}
.gotop2 a:visited {color:#646464;text-decoration:underline;}
.gotop2 a:hover   {color:#646464;text-decoration:none;}
.gotop2 a:active  {color:#646464;text-decoration:underline;}

/* ADD 091130 YMW */
.lesson_movie {
	height:344px;
	margin:30px 0 0 0;
	padding:10px;
	background:#FDEFDA;
	border:#FF9600 solid 1px;
	clear:both;
}




div.clear {
	clear:both;
	height:1px;
	margin:0px;
	padding:0px;
	font-size:1px;
	line-height:1px;
}

div.clear10 {
	clear:both;
	height:10px;
	margin:0px;
	padding:0px;
	font-size:1px;
	line-height:1px;
}

div.clear20 {
	clear:both;
	height:20px;
	margin:0px;
	padding:0px;
	font-size:1px;
	line-height:1px;
}


div.dot {
	clear:both;
	height:1px;
	margin:0px;
	padding:10px 0px;
	font-size:1px;
	line-height:1px;
	background:url("../img/dot.gif") repeat-x left center;
}

div.dot0 {
	clear:both;
	height:1px;
	margin:0px;
	padding:0px 0px 10px 0px;
	font-size:1px;
	line-height:1px;
	background:url("../img/dot.gif") repeat-x left top;
}




.bold {
	font-weight:bold;
}


.indent1 {
	text-indent:-1em;
	padding:0px 0px 0px 1em;
	margin:0px;
}


.orange {
	color:#ff6600;
}

.green {
	color:#229f03;
}

.black {
	color:#505050;
}

.black a:link    {color:#505050;text-decoration:underline;}
.black a:visited {color:#505050;text-decoration:underline;}
.black a:hover   {color:#505050;text-decoration:none;}
.black a:active  {color:#505050;text-decoration:underline;}




.float-left {
	float:left;
}

.float-right {
	float:right;
}


.left {
	text-align:left;
}


.center {
	text-align:center;
}

.right {
	text-align:right;
}


.border0 {
	border-width:0px;
}


.margin0 {
	margin:0px;
}


.margin-t30 {
	margin-top:30px;
}

.margin-t20 {
	margin-top:20px;
}

.margin-t15 {
	margin-top:15px;
}

.margin-t10 {
	margin-top:10px;
}

.margin-t5 {
	margin-top:5px;
}


.margin-b30 {
	margin-bottom:30px;
}

.margin-b20 {
	margin-bottom:20px;
}

.margin-b15 {
	margin-bottom:15px;
}

.margin-b10 {
	margin-bottom:10px;
}

.margin-b5 {
	margin-bottom:5px;
}



.margin-r30 {
	margin-right:30px;
}

.margin-r20 {
	margin-right:20px;
}

.margin-r15 {
	margin-right:15px;
}

.margin-r10 {
	margin-right:10px;
}

.margin-r5 {
	margin-right:5px;
}


.margin-l30 {
	margin-left:30px;
}

.margin-l20 {
	margin-left:20px;
}

.margin-l15 {
	margin-left:15px;
}

.margin-l10 {
	margin-left:10px;
}

.margin-l5 {
	margin-left:5px;
}



