@charset "utf-8";

/*
---------------------------------------------------------
	Contents
---------------------------------------------------------
*/
/* BODY > routine */
#main_content.routine p a.arrow {
background-image:url(../arrow_gray.gif);
}

#main_content.routine h2.ttl_topic {
padding-bottom:0;
}

#main_content.routine h3 {
background:url(../bg_h3_red.png) left center no-repeat;
}

#main_content.routine h3.ttl_topic {
background:none;
margin: 20px 0 12px;
padding-left:0;
}

/* sidebar */
#sub_nav ul li a {
background-image:url(../arrow_red.gif);
}

#sub_nav ul li span {
background-image:url(../arrow_red_cr.gif);
}

#sub_nav ul li span.on {
background-image:url(../arrow_red_cr02.gif);
}


#sub_nav ul li ul li a {
background-image:url(../arrow_sml_red.gif);
}


#sub_nav a {
text-decoration:none;
color:#0000ee;
}

#sub_nav a:visited {
color:#551a8b;
}

#sub_nav ul li a span.line {
background:none;
color:#0000ee;
text-decoration:underline;
padding:0;
}

#sub_nav ul li a:visited span.line {
color:#551a8b;
}

#sub_nav ul li ul li span.line {
background-color:none;
}

#sub_nav ul li ul li a span.line {
text-decoration:underline;
padding:0;
}

/*----------------------- index -----------------------*/
#clm_lifeengineer {
background:#eef5f9;
border:solid 1px #d2dfec;
margin-bottom:35px;
padding:15px 30px;
}

#left_clm_lifeengineer {
float:left;
width:385px;
}

#main_content.routine #clm_lifeengineer h2 {
background:none;
margin:10px 0;
}

#main_content.routine p#img_clm_lifeengineer {
float:left;
margin:0;
width:229px;
}

.clm_lifeengineer_index {
border:solid 4px #d2dfec;
margin-bottom:12px;
padding:12px 27px;
}

.clm_lifeengineer_index.last_child {
margin-bottom:0;
}

#main_content.routine .clm_lifeengineer_index h3 {
background:none;
margin:0 0 10px;
padding:0;
}

.left_clm_lifeengineer {
float:left;
width:390px;
}

#main_content.routine .left_clm_lifeengineer p.txt {
margin:0 0 10px;
}

#main_content.routine .left_clm_lifeengineer p.last_child {
margin:0;
}

#main_content.routine p.img_clm_lifeengineer {
float:right;
margin:5px 0 0;
}

#main_content.routine .wrap_txt {
float:left;
width:420px;
}

#main_content.routine .speak_txt {
float:right;
width:475px;
}

* html #main_content.routine .speak_txt {
float:right;
width:470px;
}

/*----------------------- lifeengineer -----------------------*/
#main_content.routine h2#sttl_lifeengineer_lifeengineer {
background:none;
margin:0 0 15px;
padding:0;
}

#main_content.routine p#txt_lifeengineer_lifeengineer {
margin:0 0 25px;
}

#clm_lifeengineer_zukan {
background:#eef5f9;
border:solid 1px #d2dfec;
position:relative;
margin-bottom:40px;
padding:20px 30px;
}

#main_content.routine #clm_lifeengineer_zukan h3 {
background:none;
margin:0 0 30px;
padding:0;
}

#main_content.routine p#img_lifeengineer {
margin:0;
padding-bottom:110px;
}

#clm_lifeengineer_zukan h4 {
display:none;
}

#main_content.routine p#txt_imagination {
left:450px;
position:absolute;
top:115px;
margin:0;
width:200px;
}

#main_content.routine p#txt_energy {
left:415px;
position:absolute;
top:340px;
margin:0;
width:230px;
}

#main_content.routine p#txt_power {
left:32px;
position:absolute;
top:115px;
margin:0;
width:180px;
}

#main_content.routine p#txt_speed {
left:32px;
position:absolute;
top:398px;
margin:0;
width:290px;
}

#main_content.routine h5#sttl_lifeengineer {
margin-bottom:10px;
}

#clm_link_lifeengineer {
background:#fff8e8;
border:solid 1px #f7e2ad;
padding:15px 20px;
}

#clm_link_lifeengineer h6 {
margin-bottom:12px;
}

#main_content.routine #clm_link_lifeengineer p {
float:left;
margin:0 9px 0 0;
}

#main_content.routine #clm_link_lifeengineer p.last_child {
margin:0;
}

/*----------------------- topic1 -----------------------*/
#main_content.routine .bubble_area {
margin:40px 0;
}

#main_content.routine .last {
margin-bottom:0;
}

#main_content.routine .bubble_area .inner_bubble_area {
position:relative;
}

#main_content.routine .bubble_area .inner_bubble_area .photo {
float:left;
position:absolute;
bottom:0;
left:0;
}

#main_content.routine .bubble_area .inner_bubble_area .photo_right {
float:right;
position:absolute;
bottom:0;
right:0;
}

#main_content.routine .bubble_area .inner_bubble_area .bubble {
background:url(../bracket_btm_lifeengineer_topic1.png) bottom left no-repeat #eef5f9;
color:#006ee1;
float:right;
width:525px;
}

#main_content.routine .bubble_area .inner_bubble_area .bubble_left {
background:url(../bracket_btm_lifeengineer_topic1.png) bottom left no-repeat #eef5f9;
color:#006ee1;
float:left;
width:525px;
}

#main_content.routine .bubble_area .inner_bubble_area .bubble p,
#main_content.routine .bubble_area .inner_bubble_area .bubble_left p {
margin:0;
padding:22px 25px 25px 25px;
}

#main_content.routine .bubble_area .inner_bubble_area .bubble .inner_bubble,
#main_content.routine .bubble_area .inner_bubble_area .bubble_left .inner_bubble  {
background:url(../bracket_top_lifeengineer_topic1.png) top left no-repeat;
}

#main_content.routine .bubble_area dt {
font-size:0.86em;
font-weight:bold;
}

#main_content.routine .bubble_area dl {
margin-top:10px;
}

#main_content.routine .bubble_area dt span {
font-size:1.31em;
}

#main_content.routine .bubble_area dd {
font-size:0.86em;
}

#main_content.routine .article_topic1 {
background:#eef5f9;
border:solid 1px #d2dfec;
margin:30px 0 0 0;
padding:18px 20px;
}

#main_content.routine .txt_topic1 {
margin-bottom:35px;
}

/*----------------------- topic2 -----------------------*/
#main_content.routine .article_topic {
background:#eef5f9;
border:solid 1px #d2dfec;
margin:30px 0;
padding:18px 20px;
} 

#main_content.routine .article_topic .inner_box_left,
#main_content.routine .article_topic .inner_box_right {
float:left;
width:305px;
	}

#main_content.routine .article_topic .inner_box_left {
background:url(../line_article_topic.png) right top repeat-y;
padding-right:15px;
}

#main_content.routine .article_topic .inner_box_right {
padding-left:15px;
}

#main_content.routine .article_topic .inner_box_left div,
#main_content.routine .article_topic .inner_box_right div {
float:left;
}

#main_content.routine .article_topic .inner_box_left dl,
#main_content.routine .article_topic .inner_box_right dl {
float:right;
width:190px;
}

#main_content.routine .article_topic .inner_box_left dt,
#main_content.routine .article_topic .inner_box_right dt {
font-weight:bold;
margin-bottom:3px;
}

#main_content.routine .article_topic .inner_box_left dd,
#main_content.routine .article_topic .inner_box_right dd {
font-size: 0.86em;
}

#main_content.routine span.speaker01 {
color:#df0064;
font-weight:bold;
margin-right:10px;
}

#main_content.routine span.speaker02 {
color:#1145b1;
font-weight:bold;
margin-right:10px;
}

#main_content.routine div.float_left {
display:inline;
float:left;
margin:4px 15px 1em 5px;
}

#main_content.routine div.float_left_2 {
display:inline;
float:left;
margin:4px 10px 1em 0;
}

#main_content.routine div.float_right_left {
float:left;
margin:4px 0 1em 0;
}

#main_content.routine .small_txt {
font-size: 0.86em;
}

/*----------------------- topic3 -----------------------*/
#main_content.routine h3.topic3 {
background:#d2dfec;
font-size:1.13em;
padding:6px 6px 3px 10px;
}

#main_content.routine h4.topic3 {
color:#054b93;
font-size:1.13em;
margin-bottom:6px;
}

#main_content.routine div.float_left p.img,
#main_content .speak_area p.img {
margin:0;
}

#main_content.routine div.float_left p.cap,
#main_content .speak_area p.cap {
margin:4px 0 0;
}

#main_content.routine div.float_left p.cap span,
#main_content .speak_area p.cap span {
font-size:1.13em;
font-weight:bold;
}

#main_content .speak_area {
border-top: solid 1px #d2dfec;
padding-top:23px;
}

#main_content .speak_area h4.topic3 {
margin-left:5px;
}

#main_content.routine .fig_topic3 {
margin-bottom:35px;
}