/* CSS Document */
@charset "Shift_JIS";

img{border:none;}

.itemBox {
	width:690px;
	margin:0 0 25px;
	padding:0 34px 0 57px;
}

.itemBox ul{
	list-style:none;
	margin:0;
	padding:0;
}

.itemBox ul li{
	float:left;
	width:132px;
	margin:0 17px 0 0;
	padding:0;
}
.fontsizeTop{
	float:right;
	clear:both;
}

.itemBox ul li dl,
.itemBox ul li dt,
.itemBox ul li dd{
	margin:0;
	padding:0;
}


#udimage {
	margin-bottom: 120px;
}
#flash {
	position: absolute; 
	z-index: 0;
	top:355px;
	left: 0;
	width: 100%;
	height: 50px;
}
div.linkBtn{
	float:right;
}
div.linkBtn li.glayBtn{
	list-style: none;
	width:350px;
	height: 30px;
	line-height: 30px;
	margin-bottom:5px;
	background:url('../images/glaybtn_bottom.gif') no-repeat bottom left;
}

div.linkBtn li.glayBtn a:link { color: #ffffff; text-decoration: underline; line-height:30px;}
div.linkBtn li.glayBtn a:visited { color: #ffffff; text-decoration: underline; line-height:30px;}
div.linkBtn li.glayBtn a:hover { color: #ffffff; text-decoration: none; line-height:30px;}
div.linkBtn li.glayBtn a:active { color: #ffffff; text-decoration: underline;line-height:30px;}

div.glayBtnTop{
	padding:0 0 0 0.5em;
	background:url('../images/glaybtn_top.gif') no-repeat top left;
}
* html div.glayBtnTop{/* IE 6 */
	padding:6px 0 0 0.5em;
}
*:first-child+html div.glayBtnTop{/* IE 7 */
	padding:6px 0 0 0.5em;
}
table.errorform{
	float:left;
}



/*add
--------------------------------------------------------------------------------*/
#ud_contents{
	margin: 0px;
	padding: 0px;
	width:506px;
	float:left;
	line-height: 160%;
}
#ud_contents h2{
	font-size: 110%;
	margin: 0px;
	padding: 1.5em 10px;
}
#ud_contents p{
	margin: 0 0 15px 10px;
	padding: 0px;
	line-height: 160%;
}
#ud_contents h2.h2img{
	margin: 0px;
	padding: 0px;
}
#ud_contents h3{
	padding:5px 0 15px 10px !important;
	margin:0px;
}
#ud_contents div.h3cont{
	margin: 0px;
	padding: 5px 10px 25px;
}
#ud_contents div.h3cont p{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	line-height:180%;
}
#ud_contents div.h3cont p.aboutTxt{
	margin: 14px 0 0;
	padding: 0px;
	font-size: 90%;
	line-height:180%;
}
#ud_contents div.h3cont p.attention{
	color:cc0000;
	text-align:right;
	font-size:10pt;
}
#ud_contents div.h3cont table.formt {
	text-align:left;
	width:486px;
	padding: 0px;
	margin: 0px;
	font-size:10pt;
	line-height:160%;
}
#ud_contents div.h3cont table.formt th{
	background-color:#ededed;
	padding:0.5em 0.5em;
}
#ud_contents div.h3cont table.formt th.qu{
	vertical-align: top;
	}
#ud_contents div.h3cont table.formt th.thdot_s{
	background-color:#ededed;
	padding:0;
}
#ud_contents div.h3cont table.formt th.stl{
	vertical-align: middle;
	background-color:#ededed;
	padding:0.5em 0.5em;
	text-align: right;
	font-size:8pt;
	font-weight: normal;
}
#ud_contents div.h3cont table.formt td{
	padding:0.5em 0.5em;
	width:316px;
}
#ud_contents div.h3cont table.formt td.mp0{
	padding:0;
}
#ud_contents div.h3cont table.formt td.dot{
	padding: 0px;
	margin: 0px;
	background:url('../experience/images/dot_line.gif') no-repeat top left;
	height: 3px;
}
#ud_contents div.h3cont table.formt td.dot_s{
	padding: 0px;
	margin: 0px;
	background:url('../experience/images/dot_line_short.gif') no-repeat top left;
	height: 1px;
}
#ud_contents div.fnavi{
	padding: 0 0 6px 10px;
	margin:0px;
}

#ud_contents div.exp_course{
	height:74px;
	margin:0;
	padding:8px;
	background:url('../experience/images/exp_back.gif') no-repeat;
}
#ud_contents div.exp_course dl,
#ud_contents div.exp_course dt,
#ud_contents div.exp_course dd {
	margin: 0px;
	padding: 0px;
}
#ud_contents div.exp_course dt{
	float:left;
}
#ud_contents div.exp_course dd{
	margin: 0px 2px 0 90px;
}
#ud_contents div.exp_course span{
	display: table-cell;
	vertical-align:middle;
	height:57px;
}
* html #ud_contents div.exp_course span{/* IE 6 */
    display:inline;
    zoom:1;
}
*:first-child+html #ud_contents div.exp_course span{/* IE 7 */
    display:inline;
    zoom:1;
}

#ud_contents div.h3cont div.imgArea{
	margin:0 0 15px 0;
}
#ud_contents div.h3cont p.imgh3 {
	float:left;
	margin:0 16px 0 0;
	padding: 0;
}
#ud_contents table#exp{
	font-size:10pt;
	line-height:120%;
	width:460px;
	margin:0 0 0 10px;
	border-collapse:collapse;
}
#ud_contents table#exp th{
	font-weight:bold;
	border: 1px solid #646464;
}
#ud_contents table#exp td{
	padding:5px;
	border: 1px solid #646464;
	text-align: center;
}
#ud_contents .exp_button{
	background:#ffffd9;
	border:solid 2px #ffc69b;
	margin:30px 10px 0 10px;
	padding:13px 0 9px 0;
	font-weight:bold;
	color:#e66d0f;
	text-align:center;
}

#ud_contents div.purchase{
	background: url('../purchase/images/bg_dot.gif') repeat-x bottom left;
	padding:12px 0 0;
}
#ud_contents div.purchaseSet{
	background: url('../purchase/images/bg_dot.gif') repeat-x top left;
	padding:12px 0 12px;
}
#ud_contents div.purchase dl,
#ud_contents div.purchase dt,
#ud_contents div.purchase dd {
	margin: 0px;
	padding: 0px;
}
#ud_contents div.purchase dt{
	float:left;
}
#ud_contents div.purchase dd{
	margin: 0px 2px 0 136px;
}

#ud_contents div.aboutArea{
	padding: 0 10px;
}



#ud_contents div.yasashisa01{
	text-align:center;
	height: 130px;
	background:url('../aboutud/images/about_top_06.jpg') no-repeat center bottom;
}
#ud_contents div.yasashisa02{
	text-align:center;
	height: 130px;
	background:url('../aboutud/images/about_top_07.jpg') no-repeat center bottom;
}
#ud_contents div.yasashisa03{
	text-align:center;
	height: 130px;
	background:url('../aboutud/images/about_top_08.gif') no-repeat center 30px;
}
#ud_contents div.yasashisa01 p.ttl,
#ud_contents div.yasashisa02 p.ttl,
#ud_contents div.yasashisa03 p.ttl{
	width:442px;
	margin:0px 20px 0;
	padding:0;
	font-weight:bold;
	text-align:center;
	color:#01823e;
	background:#d9ece2;
	border-top:solid 2px #01823e;
	height:30px;
	line-height:30px;
}
#ud_contents div.yasashisa01 p.txt,
#ud_contents div.yasashisa02 p.txt,
#ud_contents div.yasashisa03 p.txt{
	margin:10px 0 0;
	padding:0;
}
.ex_topbar{
	padding:0 0 10px;
}
.ex_bottombar{
	padding:0;
}

p.stxt{
font-size: 90%;
}


.story_read{
	margin:0 10px 0;
	padding: 10px 0 0;
}

.clearfix:after {
	content: ",";
	height: 0;
        visibility: hidden;
	display: block;
	clear: both;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */






/* style
--------------------------------------------------------------------------------*/
/*purchase*/



.spdash15_bottom {
	clear:both;
	margin-bottom:15px;
}
.spdash25_bottom {
	clear:both;
	margin-bottom:25px;
}

.sp60 {
	padding-top: 60px;
	clear: both;
}

.wth506{
	width:506px;
	margin:0;
	padding:0 0 0 10px;
}
.wth486p{
	width:486px;
	margin:0;
	padding:0 10px;
}

.left18{
	float:left;
	width:320px;
}

h3.wth506{
	width:496px;
	margin:0;
	padding:0 10px;
}

h4.purchase {
	padding: 0px;
	margin:0;
	font-size: 100%;
	font-weight: normal;
}
/* style
--------------------------------------------------------------------------------*/
/*experience*/

h2.pagetitle{
	margin: 20px auto;
	padding: 0 12px;
	font-size: 12pt;
	background-image: none;
}

.pri ol{
	margin:1em 0;
	padding:0 0 0 2em;
}

.text{
	margin:0 auto;
	padding:0 0 0 10px;
	line-height:2;
}

.lh15{
	line-height:1.5;
}

.attention{
	width:482px;
	margin:0 auto;
	padding:0 0 0 10px;
	color:cc0000;
	text-align:right;
	font-size:10pt;
}

.must{
	color:cc0000;
}

.error{
	color:cc0000;
}

.thanks{
	margin:40px 0 600px 0;
}


.input{
	margin:0 0 0 10px;
	padding:0;
	background:url('../experience/images/form_back.gif') repeat-y;
	font-size:10pt;
}

.input_label{
	float:left;
	width:132px;
	margin:0 0 0 0;
	padding:10px 0 0 4px;
}

.input_label_short{
	float:left;
	width:102px;
	padding:8px 0 0 4px;
}

.input_label_date{
	float:left;
	width:26px;
	text-align:right;
	font-size:8pt;
	margin:10px 0;
	padding:0 2px 0 0;
}

.input_item{
	float:left;
	width:332px;
	margin:10px 0;
	padding:0 10px;
}


.input_line{
	clear:both;
	width:482px;
	height:3px;
	background:url('../experience/images/dot_line.gif') no-repeat;
	margin:0;
	padding:0;
}

.bottom_line {
	clear: both;
	width:482px;
	height:3px;
	margin:0;
	padding:0;
}

.input_line_short{
	clear:both;
	width:483px;
	height:1px;
	background:url('../experience/images/dot_line_short.gif') no-repeat;
	margin:0;
	padding:0;
}

.button{
	width:486px;
	margin:0 auto;
	text-align:center;
	margin:20px 0 50px 0;
}

.exp_img{
	width:506px;
	margin:0;
	padding:0;
	over-flow:hidden;
}
.exp_img .exp{
	float:left;
	width:150px;
	margin:0 9px;
}
* html body .exp_img .exp { margin:0 7px; } 

.sr_button{
	width:506px;
	margin:0 auto;
	text-align:right;
	margin:30px 0 60px 0;
}


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

.bg_ed{
	background:#ededed;
}




.exp_course .exp_course_pic{
	float:left;
	width:79;
	margin:8px;
}

.exp_course .exp_course_link{
	float:left;
	margin:18px 8px;
	padding:0 0 0 18px;
	background:url('../experience/images/icn_arrow_01.gif') no-repeat;
}
.exp_course .exp_course_link a{
	clear:both;
	margin:0;
	padding:0;
}
/* style
--------------------------------------------------------------------------------*/
/*story*/
.story_contents{
	clear:both;
	width:506px;
	margin:0;
	padding:15px 0 0;
	over-flow:hidden;
}
.story_contents_more{
	clear:both;
	width:506px;
	margin:0;
	padding:0;
	over-flow:hidden;
}

.story_contents .left_side{
	float:left;
	width:247px;
	margin:0 0;
	padding:0 0 15px 0;
}

.story_contents .right_side{
	float:right;
	width:247px;
	margin:0 0 0 0;
	padding:0 0 15px 0;
}

/* style
--------------------------------------------------------------------------------*/
/* item_left */
.story_contents .left_side .item_top{
	clear:both;
	width:247px;
	height:10px;
	margin:0;
	padding:0;
}
.story_contents .left_side .item{
	clear:both;
	width:247px;
	margin:0;
	padding:0;
	over-flow:hidden;
}
.story_contents .left_side .item_bottom{
	clear:both;
	width:247px;
	height:10px;
	margin:0;
	padding:0;
	background:#ffffff;
}

/* item_right */
.story_contents .right_side .item_top{
	clear:both;
	width:247px;
	height:10px;
	margin:0;
	padding:0;
}
.story_contents .right_side .item{
	clear:both;
	width:247px;
	margin:0 0 -2px 0;
	padding:0;
	over-flow:hidden;
}
.story_contents .right_side .item_bottom{
	clear:both;
	width:247px;
	height:10px;
	margin:0;
	padding:0;
	background:#ffffff;
}

/* item01 */
.story_contents .right_side .item01_top{
	background:url('../story/images/story_top_01_back_t.gif') no-repeat;
}
.story_contents .right_side .item01{
	background:url('../story/images/story_top_01_back_m.gif') repeat-y;
}

/* style
--------------------------------------------------------------------------------*/
/* item02 */
.story_contents .left_side .item02_top{
	background:url('../story/images/story_top_02_back_t.gif') no-repeat;
}
.story_contents .left_side .item02{
	background:url('../story/images/story_top_02_back_m.gif') repeat-y;
}


/* style
--------------------------------------------------------------------------------*/
/* item03 */
.story_contents .right_side .item03_top{
	background:url('../story/images/story_top_03_back_t.gif') no-repeat;
}
.story_contents .right_side .item03{
	background:url('../story/images/story_top_03_back_m.gif') repeat-y;
}

/* style
--------------------------------------------------------------------------------*/
/* item04 */
.story_contents .left_side .item04_top{
	background:url('../story/images/story_top_04_back_t.gif') no-repeat;
}
.story_contents .left_side .item04{
	background:url('../story/images/story_top_04_back_m.gif');
}

/* style
--------------------------------------------------------------------------------*/
/* item05 */
.story_contents .right_side .item05_top{
	background:url('../story/images/story_top_05_back_t.gif') no-repeat;
}
.story_contents .right_side .item05{
	background:url('../story/images/story_top_05_back_m.gif');
}

/* style
--------------------------------------------------------------------------------*/
/* item06 */
.story_contents .left_side .item06_top{
	background:url('../story/images/story_top_06_back_t.gif') no-repeat;
}
.story_contents .left_side .item06{
	background:url('../story/images/story_top_06_back_m.gif');
}

/* style
--------------------------------------------------------------------------------*/
/* item_parts */
.item_img{
	float:left;
	width:75px;
	height:240px;
	margin:0 0 0 4px;
	padding:0;
	display: inline;
}


.item_text{
	float:left;
	width:168px;
	margin:0;
	padding:0;
}

.item_title{
	clear:both;
	margin:0;
	padding:15px 16px 0 19px;
	font-size:12pt;
	font-weight:bold;
}

.item_detail{
	clear:both;
	margin:13px 16px 0 19px;
}

.item_link{
	clear:both;
	margin:10px 16px 0 19px;
	padding:0 0 12px 17px;
	background:url('../story/images/story_icn_01.gif') no-repeat;
}

.item_pic{
	clear:both;
	margin:10px 16px 0 19px;
	padding:0;
}

/* style
--------------------------------------------------------------------------------*/
/* low */
.return{
	text-align:right;
}

.story_more{
	width:502px;
	margin:0;
	padding:0;
	over-flow:hidden;
}
.story_more01{
	background:url('../story/images/story_more01_back01.gif') repeat-y;
}
.story_more02{
	background:url('../story/images/story_more02_back01.gif') repeat-y;
}
.story_more03{
	background:url('../story/images/story_more03_back01.gif') repeat-y;
}
.story_more04{
	background:url('../story/images/story_more04_back01.gif') repeat-y;
}
.story_more05{
	background:url('../story/images/story_more05_back01.gif') repeat-y;
}
.story_more06{
	background:url('../story/images/story_more06_back01.gif') repeat-y;
}

.story_more_top{
	width:502px;
	height:10px;
	margin:0;
	padding:0;
}
.story_more_top01{
	background:url('../story/images/story_more_top01.gif') no-repeat;
}
.story_more_top02{
	background:url('../story/images/story_more_top02.gif') no-repeat;
}
.story_more_top03{
	background:url('../story/images/story_more_top03.gif') no-repeat;
}
.story_more_top04{
	background:url('../story/images/story_more_top04.gif') no-repeat;
}
.story_more_top05{
	background:url('../story/images/story_more_top05.gif') no-repeat;
}
.story_more_top06{
	background:url('../story/images/story_more_top06.gif') no-repeat;
}

.more_img{
	float:left;
	width:106px;
	margin:0 0 0 4px;
	padding:0;
	display:inline;
}

.more_text{
	float:left;
	width:390px;
	margin:0;
	padding:0;
}
.story_more_title{
	clear:both;
	margin:0;
	padding:22px 33px 0 33px;
}

.more_detail{
	clear:both;
	width:330px;
	margin:0;
	padding:38px 33px 0 33px;
	over-flow:hidden;
}
* html .more_detail {width:383px;}

.more_detail .text{ 
	float:left;
	margin:0;
	padding:0;
	width:210px;
}

.more_detail .story_pic{
	float:right;
	margin:0;
	padding:0;
	width:82px;
}

.more_dotline{
	clear:both;
	width:247px;
	height:1px;
	margin:0;
	padding:0;
}
.more01{
	width:502px;
	margin:0;
	padding:0;
	background:url('../story/images/story_more02_back02.gif') repeat-y;
	over-flow:hidden;
}

.more01 .words{
	margin:0;
	padding:40px 22px 0 32px;
}

.more01 .interviewer{
	margin:0 0 5px 0;
	padding:0 0 0 80px;
	color:#d74a27;
	font-weight:bold;
	background:url('../story/images/story_icn_interviewer.gif') no-repeat;
}
.more01 .interviewer03{
	margin:0 0 5px 0;
	padding:0 0 0 80px;
	color:#937303;
	font-weight:bold;
	background:url('../story/images/story_icn_interviewer03.gif') no-repeat;
}
.more01 .interviewer04{
	margin:0 0 5px 0;
	padding:0 0 0 80px;
	color:#2a87bb;
	font-weight:bold;
	background:url('../story/images/story_icn_interviewer04.gif') no-repeat;
}
.more01 .interviewer05{
	margin:0 0 5px 0;
	padding:0 0 0 80px;
	color:#2f8a27;
	font-weight:bold;
	background:url('../story/images/story_icn_interviewer05.gif') no-repeat;
}
.more01 .interviewer06{
	margin:0 0 5px 0;
	padding:0 0 0 80px;
	color:#689110;
	font-weight:bold;
	background:url('../story/images/story_icn_interviewer06.gif') no-repeat;
}


.more01 .answerer{
	margin:0 0 40px 0;
	padding:0 0 0 80px;
	color:#000000;
	background:url('../story/images/story_icn_answerer.gif') no-repeat;
}

.more01 .answerer strong{
	font-size:110%;;
	font-weight:bold;
}

.more01 .answerer .sketch{
	margin:13px 0 22px 0;
	padding:0;
	color:#666666;
	font-size:75%;
}
.more01 .answerer .sketch{
	margin:13px 0 22px 0;
	padding:0;
	color:#666666;
	font-size:75%;
}
ul.storyLink{
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.storyLink li{
	margin:0px;
	padding:0px 0 10px;
}


.more_bottom{
	width:502px;
	height:10px;
	margin:0;
	padding:0;
	background:url('../story/images/story_more_bottom.gif') no-repeat;
	border:solid red 1px;
}

.page_nate{
	width:502px;
	height:70px;
	margin:22px 0 60px 0;
	padding:3px 0 0 0;
	background:url('../story/images/story_more_bottom_link.gif') repeat-y;
}

.page_nate .prev{
	float:left;
	width:238px;
	margin:0;
	padding:0 12px 0 0;
	text-align:right;
	background:url('../story/images/story_more_bottom_link.gif') repeat-y;
}
.page_nate .next{
	float:left;
	margin:0 0 0 12px;
	padding:0;
	background:url('../story/images/story_more_bottom_link.gif') repeat-y;
}




/* style
--------------------------------------------------------------------------------*/
/* item_parts */
.item_img{
	float:left;
	width:75px;
	height:240px;
	margin:0 0 0 4px;
	padding:0;
}

.item_text{
	float:left;
	width:168px;
	margin:0;
	padding:0;
}

.item_title{
	clear:both;
	margin:0;
	padding:15px 16px 0 19px;
	font-size:12pt;
	font-weight:bold;
}

.item_detail{
	clear:both;
	margin:13px 16px 0 19px;
}

.item_link{
	clear:both;
	margin:10px 16px 0 19px;
	padding:0 0 12px 17px;
	background:url('../story/images/story_icn_01.gif') no-repeat;
}

.item_pic{
	clear:both;
	margin:10px 16px 0 19px;
	padding:0;
}

/* style
--------------------------------------------------------------------------------*/
/* low */
.return{
	text-align:right;
}

.more{
	width:502px;
	margin:0;
	padding:0;
	background:url('../story/images/story_more02_back01.gif') repeat-y;
	over-flow:hidden;
}
.more_top{
	width:502px;
	height:10px;
	margin:0;
	padding:0;
	background:url('../story/images/story_more_top.gif') no-repeat;
}
.more_img{
	float:left;
	width:106px;
	margin:0 0 0 4px;
	padding:0;
}
.more_text{
	float:left;
	width:390px;
	margin:0;
	padding:0;
}
.more_title{
	clear:both;
	margin:0;
	padding:22px 33px 0 33px;
}
.more_title3l{
	clear:both;
	margin:0;
	padding:10px 33px 0 33px;
}
.more_detail{
	clear:both;
	margin:0;
	padding:38px 33px 0 33px;
}

.more_detail .text{
	float:left;
	margin:0;
	padding:0;
	width:216px;
}

.more_detail .pic{
	float:right;
	margin:0;
	padding:0;
	width:82px;
}

.more_dotline{
	clear:both;
	width:247px;
	height:1px;
	margin:0;
	padding:0;
}
.more01{
	width:502px;
	margin:0;
	padding:0;
	background:url('../story/images/story_more02_back02.gif') repeat-y;
	over-flow:hidden;
}

.more01 .words{
	margin:0;
	padding:40px 22px 0 32px;
}


.more01 .answerer{
	margin:0 0 25px 0;
	padding:0 0 0 80px;
	color:#000000;
}

.more01 .answerer01{
	background:url('../story/images/story_icn_answerer01.gif') no-repeat;
}
.more01 .answerer02{
	background:url('../story/images/story_icn_answerer02.gif') no-repeat;
}
.more01 .answerer03{
	background:url('../story/images/story_icn_answerer03.gif') no-repeat;
}
.more01 .answerer04a{
	background:url('../story/images/story_icn_answerer04a.gif') no-repeat;
}
.more01 .answerer04b{
	background:url('../story/images/story_icn_answerer04b.gif') no-repeat;
}
.more01 .answerer05{
	background:url('../story/images/story_icn_answerer05.gif') no-repeat;
}
.more01 .answerer06{
	background:url('../story/images/story_icn_answerer06.gif') no-repeat;
}


.more01 .answerer strong{
	font-size:110%;;
	font-weight:bold;
}

.more01 .answerer .sketch{
	margin:13px 0 22px 0;
	padding:0;
	color:#666666;
	font-size:75%;
}


.story_more_bottom{
	width:502px;
	height:10px;
	margin:0;
	padding:0;
	background:#FFFFFF;
}

.page_nate{
	width:502px;
	height:70px;
	margin:22px 0 60px 0;
	padding:3px 0 0 0;
	background:url('../story/images/story_more_bottom_link.gif') repeat-y;
}

.page_nate .prev{
	float:left;
	width:238px;
	margin:0;
	padding:0 12px 0 0;
	text-align:right;
	background:url('../story/images/story_more_bottom_link.gif') repeat-y;
}
* html .page_nate .prev { padding:0;}


.page_nate .next{
	float:left;
	margin:0 0 0 12px;
	padding:0;
	background:url('../story/images/story_more_bottom_link.gif') repeat-y;
}
* html .page_nate .next { margin:0 0 0 22px;}



/* style
--------------------------------------------------------------------------------*/
/*products*/
.hgt72{
	height:72px;
}
.hgt45{
	height:45px;
}

.f_mgn{
	margin:25px 0;
	font-size:12pt;
}
.p_mgn01{
	margin:20px 0;
	font-size:10pt;
}
.p_mgn02{
	margin:8px 0;
	font-size:10pt;
}
.function_back{
	background:url('../products/images/product_top_functionback.gif');
}
.function_icn{
	width:140px;
	padding:0 0 0 15px;
	background:url('../products/images/product_top_function_icn02.gif') no-repeat;
}
.functions{
	width:506px;
	margin:6px 0 13px 0;
	padding:0;
	over-flow:hidden;
	display:block;
}

.functions .left_side{
	float:left;
	width:232px;
	margin:0 7px;
	padding:0;
}

.functions .right_side{
	float:left;
	width:232px;
	margin:0 7px;
	padding:0;
}
.box{
	clear:both;
	margin:0;
	padding:0;
	over-flow:hidden;
	display:block;
}
.box .pic{
	float:left;
	margin:7px 8px 8px 8px;
	padding:0;
}

.box .txtlink01{
	float:left;
	width:129px;
}

.box .txtlink02{
	float:left;
	width:150px;
	border:solid red 1px;
}

.box .txtlink{
	float:left;
}


/* category */
.categorys{
	width:507px;
	margin:0 0 0 12px;
	padding:0;
}
.categorys .left_side{
	float:left;
	width:236px;
	margin:0;
	padding:0;
}

.categorys .right_side{
	float:left;
	width:236px;
	margin:0 0 0 24px;
	padding:0;
}

.pic{
	clear:both;
	margin:0;
	padding:0;
}

.txtlink{
	clear:both;
	margin:0;
	padding:0;
}

/* detail */
.contents_title{
	width:487px;
	margin:0;
	padding:7px 0 4px 12px;
	background:#ffedd4;
	font-weight:bold;
	color:#e66d0f;
}

.contents_text{
	width:487px;
	margin:10px 0 37px 0;
	padding:0 0 0 12px;
}

.more_contents_text{
	width:487px;
	margin:0;
	padding:0;
	background: url('../products/images/product_more_back.gif') repeat-y;
	over-flow:hidden;
}

.more_text{
	float:left;
	width:300px;
	margin:0;
	padding:0;
	line-height:1.5;
}

.more_pic_right{
	float:right;
	margin:0;
	padding:0;
}

.more_line_top {
	height: 5px;
	margin:0;
	padding:0;
	background: url('../products/images/product_more_top.gif') no-repeat;
}

.more_line_middle {
	margin:0;
	padding:5px 10px 5px 12px;
	line-height:1.5;
}

.more_line_bottom {
	height: 5px;
	margin:0;
	padding:0;
	background: #FFFFFF;
}

.more_title {
	margin:0;
	padding:0;
	color:01823e;
	font-weight:bold;
	font-size: 12pt;
}

.more_link{
	float:left;
	width:200px;
	margin:5px 0 10px 0;
}

.more_button_right{
	float:right;
	width:200px;
	margin:0 auto;
	text-align:right;
	margin:0 0 10px 0;
}

.more_button{
	clear:both;
	width:506px;
	margin:0 auto;
	text-align:right;
	margin:0 0 60px 0;
}

.more_bottom{
	height:100px;
	width:506px;
	margin:0 0 37px 0;
	padding:0;
}

.spdash37_bottom {
	clear:both;
	margin-bottom:37px;
}

table.products_list {
	margin-left:12px;
	border: 1px #ffffff solid;

}

td.products_td {
	width:61px;
	text-align:left;
	border: 1px #ffffff solid;
}






/* CSS Document */
@charset "Shift_JIS";

/* style
--------------------------------------------------------------------------------*/
/* aboutud */
.wth496rp{
	width:496px;
	margin:0;
	padding:0 10px 0 0;
}
.clear{
	clear:both;
}

.sp15{
	clear:both;
	margin-top:15px;
}
.sp20{
	clear:both;
	margin-top:20px;
}
.sp32{
	clear:both;
	margin-top:32px;
}

.sp40{
	clear:both;
	margin-top:40px;
}

.ex{
	width:488px;
	background:url('../aboutud/images/about_top_02.gif') repeat-y;
	padding:0;
}
.ex .text_box{
	margin:0;
	padding:0;
}
.ex .title{
	width:400px;
	margin:5px 0 0 34px;
	padding:0;
	font-weight:bold;
	color:#01823e;
}
.ex .left_side{
	font-size:90%;
	float:left;
	width:220px;
	margin:5px 0 0 20px;
	padding:0 0 22px 0;
}
.ex .right_side{
	font-size:90%;
	float:left;
	margin:5px 0 0 0;
	padding:0 0 22px 0;
	width:200px;
}

.ex .bottom{
	clear:both;
	margin:0;
	width:488px;
	background:url('../aboutud/images/about_top_03.gif') left bottom no-repeat;
	display: block;
	over-flow: hidden;
}

.yajirushi{

	margin:0 0 0 175px;
	padding:0;
	height:35px;
}

.ex .ex01{
	clear:both;
	margin:10px 0 0;
	width:488px;
}

.ex .ex01_title{
	width:442px;
	margin:0 20px;
	padding:0;
	font-weight:bold;
	text-align:center;
	color:#01823e;
	background:#d9ece2;
	border-top:solid 2px #01823e;
}

.ex01_detail{
	width:442px;
	margin:0 20px;
	text-align:center;
}
.ex_detail_bottom{
	width:488px;
	margin:0 20px;
	background:#ffffff;
}
.ex01_detail_back01{
	padding:10px 0 50px 0;
	background:url('../aboutud/images/about_top_06.jpg') left bottom no-repeat;
}
.ex01_detail_back02{
	padding:10px 0 40px 0;
	background:url('../aboutud/images/about_top_07.jpg') left bottom no-repeat;
}
.ex01_detail_back03{
	padding:10px 0 20px 0;
	background:url('../aboutud/images/about_top_08.gif') left bottom no-repeat;
}
.s_text{
	margin:0;
	font-size:8pt;
}

.text{
	clear:both;
	width:488px;
}

.wth486m{
	width:486px;
	margin:0 10px;
	padding:0;
}

.udp_box{
	width:488px;
}
.udp_middle{
	width:488px;
	margin:0;
	padding:20px 0 0 0;
	background:url('../aboutud/images/about_7_02.gif') repeat-y;
}
.udp_bottom{
	width:488px;
}
.udp_title{
	margin:0 30px 0 20px;
	padding:0 0 15px 0;
}
.udp_num{
	color:#FFFFFF;
	background:#01823e;
	padding:3px 8px;
}
.udp_item{
	font-weight:bold;
	color:#01823e;
}
.udp_detail{
	margin:0 30px 0 20px;
}

.pdb20{
	padding-bottom:20px;
}

.udr_p_title{
	width:422px;
	margin:10px auto 0 auto;
	padding:0 10px;
	background:#01823e;
	color:#FFFFFF;
}
* html .udr_p_title { margin:10px 30px 0 30px;}

.udr_ppl{
	width:422px;
	margin:0 auto;
	padding:10px;
	background:#d9ece2;
	color:#01823e;
	font-weight:bold;
}
* html .udr_ppl { margin:0 30px;}


.udr_title{
	margin:0 30px 0 20px;
	padding:0 0 15px 0;
}
* html .udr_title { margin:0 30px 0 30px;}

.udr_num{
	color:#FFFFFF;
	background:#e66d0f;
	padding:3px 8px;
}


.udr_item{
	font-weight:bold;
	color:#e66d0f;
}
.udr_detail{
	margin:0 30px 0 20px;
}
* html .udr_detail { margin:0 30px 0 30px;}




/* style add@091221
--------------------------------------------------------------------------------*/
.story_contents .right_side .item07_top{
	background:url('../story/images/story_top_07_back_t.gif') top no-repeat;
}
.story_contents .right_side .item07{
	background:url('../story/images/story_top_07_back_m.gif');
}
.story_contents .left_side .item08_top{
	background:url('../story/images/story_top_08_back_t.gif') no-repeat;
}
.story_contents .left_side .item08{
	background:url('../story/images/story_top_08_back_m.gif');
}
.story_contents .processtop{
	background:url('../story/images/storytop_processbg1.gif') no-repeat;
}
.story_contents .processtop .pr_img{
	float:left;
	width:75px;
	height:85px;
	margin:4px 0 0 4px;
	padding:0;
	display: inline;
}
.story_contents .processtop .pr_text{
	float:left;
	width:380px;
	margin:0;
	padding:0;
}
.story_contents .processtop .pr_text .title{
	clear:both;
	margin:0;
	padding:20px 16px 0 19px;
	font-size:12pt;
	font-weight:bold;
}

.story_contents .processtop .pr_text .detail{
	clear:both;
	margin:8px 16px 0 19px;
}

.story_contents .processtop .pr_text .link{
	clear:both;
	margin:5px 16px 0 19px;
	padding:0 0 12px 17px;
	background:url('../story/images/story_icn_01.gif') no-repeat;
}


/*process
--------------------------------------------------------------------------------*/
#ud_contents .process {
	width:506px;
	clear:both;
	background:url('../story/images/story0_bg.gif') top no-repeat;
}
#ud_contents .process .ttl{
	padding: 20px 14px 14px;
}
#ud_contents .process .contents h4 {
	margin:0;
	padding:0;
}
#ud_contents .process .contents{
	padding: 0px 14px 25px;
}
#ud_contents .process .contents .processPhoto{
	float: right;
	padding:0 0 0 1em;
}
#ud_contents .process .contents .processTxt{
	padding:0;
	margin: 14px 0 0;
}
#ud_contents .process .contents .processTxt2{
	padding:0;
	margin: 0;
}
#ud_contents .process .contents ul.orange,
#ud_contents .process .contents ul.blue{
	padding:0;
	margin: 0;
}
#ud_contents .process .contents ul.orange li{
	padding:0 0 0.75em 2.2em;
	margin: 0;
	list-style: none;
	color: #ff6600;
	background:url('../story/images/story0_fuki1.gif') top left no-repeat;
}
#ud_contents .process .contents ul.blue li{
	padding:0 0 0.75em 2.2em;
	margin: 0;
	list-style: none;
	color: #333399;
	background:url('../story/images/story0_fuki2.gif') top left no-repeat;
}
#ud_contents .process .contents .voice{
	padding:0.75em 0;
	margin: 0;
}
.page_nate2{
	width:502px;
	height:30px;
	margin:22px 0 60px 0;
	padding:3px 0 0 0;
	background:url('../story/images/story_more_bottom_link.gif') repeat-y;
}
.page_nate2 .prev{
	float:left;
	width:238px;
	margin:0;
	padding:0 10px 0 0;
	text-align:right;
	background:url('../story/images/story_more_bottom_link.gif') repeat-y;
}


.page_nate2 .next{
	float:left;
	margin:0 0 0 12px;
	padding:0;
	background:url('../story/images/story_more_bottom_link.gif') repeat-y;
}

* html .page_nate2 .next{
	float:left;
	margin:0 0 0 24px;
	padding:0;
	background:url('../story/images/story_more_bottom_link.gif') repeat-y;
}


/* style Set
--------------------------------------------------------------------------------*/
.story_more07{
	background:url('../story/images/story_more07_back01.gif') repeat-y;
}
.story_more_top07{
	background:url('../story/images/story_more_top07.gif') no-repeat;
}
.more01 .answerer07{
	background:url('../story/images/story_icn_answerer07.gif') no-repeat;
}
.more01 .interviewer07{
	margin:0 0 5px 0;
	padding:0 0 0 80px;
	color:#cc6633;
	font-weight:bold;
	background:url('../story/images/story_icn_interviewer07.gif') no-repeat;
}
/* ------------------------------------------------------------------------------*/
.story_more08{
	background:url('../story/images/story_more08_back01.gif') repeat-y;
}
.story_more_top08{
	background:url('../story/images/story_more_top08.gif') no-repeat;
}
.more01 .answerer08{
	background:url('../story/images/story_icn_answerer08.gif') no-repeat;
}
.more01 .interviewer08{
	margin:0 0 5px 0;
	padding:0 0 0 80px;
	color:#cc3333;
	font-weight:bold;
	background:url('../story/images/story_icn_interviewer08.gif') no-repeat;
}
/* ------------------------------------------------------------------------------*/