@charset "utf-8";

/* ****************************************************
mamoru.css
for mamoru.

@rule
display/position/float
width/height
box-model
background
text
font
other
***************************************************** */

/* Common
------------------------------------ */
.link-text{
margin:-40px 0 0 0;
}

#main-container h1{
margin:0 0 8px 0;
}

.sac-friend #main-container h1{
margin:0 0 15px 0;
}

#main-container h2{
margin:0 0 12px 0;
text-align:center;
}

#main-container .column-frame h2{
margin:0 0 15px 0;
}

.page-summary-image{
width:750px;
margin:0 auto 20px;
font-size:0;
line-height:0;
}

.page-summary-image dt{
margin:0 0 8px 0;
}

.ex-thumbll-section{
width:337px;
padding:0 0 0 355px;
}

.ex-thumbll-section .thumb img{
margin:0 0 0 -355px;
}

.ex-thumbll-section-r{
width:337px;
padding:0 355px 0 0;
}

.ex-thumbll-section-r .thumb img{
margin:0 -355px 0 0;
}

.ex-thumbl-section{
width:429px;
padding:0 0 0 263px;
}

.ex-thumbl-section .thumb img{
margin:0 0 0 -263px;
}

.ex-thumbl-section-r{
width:429px;
padding:0 263px 0 0;
}

.ex-thumbl-section-r .thumb img{
margin:0 -263px 0 0;
}

.ex-thumbm-section{
width:446px;
padding:0 0 0 246px;
}

.ex-thumbm-section p.shoku{
padding:0 0 10px 0;
}

.framew2 .ex-thumbm-section{
width:412px;
}

.ex-thumbm-section .thumb img{
margin:0 0 0 -246px;
}

.ex-thumbm-section .thumb2 img{
margin:0 0 -200px -246px;
}

.ex-thumbm-section-r{
width:446px;
padding:0 246px 0 0;
}

.ex-thumbm-section-r .thumb img{
margin:0 -246px 0 0;
}

.ex-thumbs-section{
width:489px;
padding:0 0 0 203px;
}

.ex-thumbs-section .thumb img{
margin:0 0 0 -203px;
}

.ex-thumbs-section-r{
width:489px;
padding:0 203px 0 0;
}

.ex-thumbs-section-r .thumb img{
margin:0 -203px 0 0;
}

#guide-column .ex-thumbm-section,
#tokura-school .ex-thumbm-section{
padding:0 0 0 290px;
width:402px;
}

#guide-column p,
#tokura-school p{
margin:0 0 15px 0;
}


/* Category Top
------------------------------------ */
.category-index-wrap{
margin:15px 0 30px 0;
}

#top-green{
background-image:url(/rp/oze/mamoru/images/index_cat01_bg.gif);
}

#top-water{
background-image:url(/rp/oze/mamoru/images/index_cat02_bg.gif);
}

#top-air{
background-image:url(/rp/oze/mamoru/images/index_cat03_bg.gif);
}

#top-forest{
background-image:url(/rp/oze/mamoru/images/index_cat04_bg.gif);
}

#top-report{
background-image:url(/rp/oze/mamoru/images/index_cat05_bg.gif);
}

#top-friend{
background-image:url(/rp/oze/mamoru/images/index_cat06_bg.gif);
}




#main-container .category h2{
/*margin:0;*/
text-align:left;
}
/*
.category{
padding:10px 9px 0 8px;
}

.category .detail-ex{
width:186px;
margin:0 0 0 176px;
padding:6px 0 10px 0;
}
*/
.category .detail-ex.marginLeftNone{
width:352px;
margin:0;
padding: 10px 0 10px 10px;
}

/*#top-air .thumb img,
#top-all .thumb img{
padding:0;
}
*/
/* Green
------------------------------------ */
#eco-paper .ex-thumbl-section-r{
width:440px;
margin:0 0 20px 0;
padding:0 243px 0 0;
}
#eco-paper .ex-thumbl-section-r.pamphlet {
width:500px;
}

#eco-paper .ex-thumbl-section-r .thumb img{
margin:0 -243px 0 0;
}
#eco-paper .ex-thumbl-section-r.pamphlet .thumb img{
margin:0 -183px 0 0;
}

/* Ayame
------------------------------------ */
#ayame-recovery .photo{
margin:0 0 10px 0;
}

#ayame-recovery h5{
margin:0 0 6px 0;
font-size:116%;
font-weight:bold;
color:#492e10;
}

#ayame-recovery .text p,
#tepco-recovery .text p{
margin:0;
}

#tepco-recovery h5{
margin:0 0 10px 0;
}

#tepco-recovery .text img{
float:right;
margin:0 0 5px 5px;
}

#tepco-recovery .block-column2-wrap{
margin:0 0 20px 0;
}

#column-ayame .cap-thumb-section-r{
margin:0;
padding:0 0 10px 0;
}

#column-ayame .cap-thumb-section-r .cap-thumb{
width:262px;
text-align:center;
}

#column-ayame .cap-thumb-section-r .text{
width:430px;
}

/* Air
------------------------------------ */
#air-photovoltaic .cap-thumb-section .cap-thumb{
width:338px;
}

#air-photovoltaic .cap-thumb-section .text{
width:338px;
}

#air-ecocute .cap-thumb-section .cap-thumb{
width:278px;
}

#air-ecocute .cap-thumb-section .text{
width:398px;
}

/* All
------------------------------------ */
#all-nature .cap-thumb-section .cap-thumb{
width:338px;
}

#all-nature .cap-thumb-section .text{
width:338px;
}

.male{
color:#13b5b1;
}

.female{
color:#eb6877;
}

/* All / Syokurin , Kusa , Green
------------------------------------ */
.deadline-text{
font-size:133%;
font-weight:bold;
color:#eb6100;
}

#volunteer-flow .sapling-text{
padding:5px 0 0 0;
}

#volunteer-guideline .ex-dl-list,
#volunteer-flow .ex-dl-list,
#volunteer-participant .ex-dl-list{
padding:0;
}

#volunteer-flow .ex-dl-list dt{
margin:0 0 10px 0;
}

.ex-dl-list dd span.shokutxt{
font-weight:bold;
color:#333333;
}

#volunteer-guideline .ex-dl-list dd,
#volunteer-flow .ex-dl-list dd,
#volunteer-participant .ex-dl-list dd{
color:#666666;
}

#volunteer-guideline .ex-dl-list dd,
#volunteer-participant .ex-dl-list dd{
margin:0 0 15px 0;
}

#volunteer-participant .ex-dl-list .end{
margin:0;
}

#volunteer-guideline .date,
#volunteer-guideline .number,
#volunteer-guideline .announcement,
#volunteer-guideline .execution{
float:left;
width:346px;
}

#volunteer-guideline h5,
#volunteer-place h5,
#volunteer-procedure h5{
margin:0 0 5px 0;
font-size:133%;
font-weight:bold;
color:#3c2918;
}

#volunteer-place h5{
margin:0;
}

#volunteer-guideline ul{
clear:both;
margin:0 0 15px 0;
}

#volunteer-guideline .announcement ul,
#volunteer-guideline .execution ul{
width:260px;
margin:0;
}

/* All / Enjoy
------------------------------------ */
#enjoy-ex-activity .ex-thumbl-section{
width:310px;
padding:0 0 0 382px;
}

#enjoy-ex-activity .ex-thumbl-section .thumb img{
margin:0 0 0 -382px;
}

.enjoy-inquiry-text{
font-weight:bold;
color:#eb6100;
}

/* All / Green
------------------------------------ */
#all-green-dust .cap-thumb-section-r .cap-thumb{
width:229px;
}

#all-green-dust .cap-thumb-section-r .cap-thumb dd{
text-align:center;
}

#all-green-dust .cap-thumb-section-r .text{
width:442px;
}

#all-green-dust .cap-thumb-section-r .text p{
margin:0;
}

/* All / Enjoy
------------------------------------ */
#all-item{
padding:15px 0 0 0;
}

#all-item .text p{
margin:0;
}

#all-item .ex-thumbs-section{
width:480px;
margin:0 auto 30px;
padding:0 0 0 177px;
}

#all-item .ex-thumbs-section-r{
width:480px;
margin:0 auto 30px;
padding:0 177px 0 0;
}

#all-item .ex-thumbs-section .thumb img{
margin:0 0 0 -177px;
}

#all-item .ex-thumbs-section-r .thumb img{
margin:0 -177px 0 0;
}

/* Friend
------------------------------------ */
#friend-list .ex-thumbs-section{
width:195px;
margin:0 auto;
padding:0 0 0 134px;
}

#friend-list .ex-thumbs-section .thumb img{
margin:0 0 0 -134px;
}

#main-container #friend-list .block h5,
#friend-list .block .text p{
color:#3c2918;
}

#main-container #friend-list h5{
margin:0 0 5px 0;
font-size:133%;
font-weight:bold;
}

#friend-list .block .text p{
margin:0;
}

#friend-list .ex-thumbs-section .ex-dl-list{
padding:0;
}

#friend-list #takeuchi .ex-thumbs-section{
width:553px;
}

#friend-list .ex-thumbs-section .thumb img{
margin:0 0 0 -134px;
}

#friend-list .room-link{
padding:10px 0 0 0;
}

.friend-section .ex-thumbll-section{
width:404px;
padding:0 0 0 344px;
}

.friend-section .ex-thumbll-section .thumb img{
margin:0 0 0 -344px;
}

#friend-list .comment-bg,
#friend-list .comment{
width:194px;
background-image:url(/rp/oze/mamoru/friend/images/friend_comment_bg01.gif);
background-repeat:no-repeat;
}

#friend-list .comment-bg{
margin:3px 0 0 0;
background-color:#ffffff;
background-position:right bottom;
}

#friend-list .comment{
padding:8px 0;
background-position:left top;
}

#friend-list .comment p{
padding:0 8px;
text-align:left;
}

h5 .text10{
font-size:0.8em;
}

#friend-list #takeuchi .comment-bg,
#friend-list #takeuchi .comment{
width:553px;
background-image:url(/rp/oze/mamoru/friend/images/friend_comment_bg02.gif);
}

#takeuchi .block{
float:none;
width:683px;
}

.takeuchi-room-link{
margin:-5px 0 3px 0;
padding:0 10px;
}

/* Friend / Takeuchi
------------------------------------ */
#takeuchi-mail,
#takeuchi-profile{
width:715px;
margin:0 auto 50px;
}

#takeuchi-mail h4{
float:left;
}

#takeuchi-mail .date{
float:right;
font-weight:bold;
color:#eb6100;
}

#takeuchi-mail .ex-thumbs-section-r{
clear:both;
padding:0 200px 0 0;
width:492px;
}

#takeuchi-mail .ex-thumbs-section-r .thumb img{
margin:0 -200px 0 0;
}

#takeuchi-profile .ex-thumbl-section{
width:416px;
padding:0 0 0 276px;
}

#takeuchi-profile .ex-thumbl-section .thumb img{
margin:0 0 0 -276px;
}

#takeuchi-profile h4{
margin:0 0 15px 0;
}

#takeuchi-book{
margin:0 auto;
}

#takeuchi-book .ex-thumbs-section-r{
width:526px;
margin:0 auto;
padding:0 166px 0 0;
}

#takeuchi-book .ex-thumbs-section-r .thumb img{
margin:0 -166px 0 0;
}

#takeuchi-rakuen .ex-thumbs-section{
width:461px;
padding:0 0 0 231px;
}

#takeuchi-rakuen .ex-thumbs-section .thumb img{
margin:0 0 0 -231px;
}

#takeuchi-pbook{
margin:0 auto 50px;
}

#takeuchi-pbook .cap-thumb-section .cap-thumb{
float:right;
width:286px;
}

#takeuchi-pbook .cap-thumb-section .cap-thumb dl{
float:left;
width:129px;
padding:0 0 0 14px;
}

#takeuchi-pbook .cap-thumb-section .cap-thumb dt{
margin:0 0 7px 0;
}

#takeuchi-pbook .cap-thumb-section .cap-thumb dd{
text-align:center;
}

#takeuchi-pbook .cap-thumb-section .text{
float:left;
width:406px;
}

#takeuchi-pbook .cap-thumb-section .text p{
margin:0;
}

#takeuchi-pbook .link-list{
padding:15px 0 0 0;
}

#takeuchi-pbook .link-list li{
display:inline;
}

#takeuchi-pbook .link-list li img{
margin:0 10px 0 0;
}

#takeuchi-rakuen{
margin:0 0 50px 0;
}

.archive-bnr-list li{
display:inline;
}

.archive-bnr-list li img{
margin:0 0 0 18px;
}

.archive-bnr-list .first img{
margin:0;
}

/* Friend / TV
------------------------------------ */
#tv-movie{
width:369px;
height:270px;
}

#tv-movie-list{
clear:both;
}

#tv-movie-list .related-doc{
float:left;
width:135px;
padding:0 0 0 92px;
}

#tv-movie-list .related-doc .thumb img{
margin:0 0 0 -79px;
}

/* Report
------------------------------------ */
.report-container{
background:transparent url(/rp/oze/mamoru/report/images/line_report_dashed.gif) center top repeat-y;
}

#main-container .report-container h4{
margin:0 0 25px 0;
}

.report-container .round-right{
float:right;
margin:0 0 0 25px;
}

.report-container .image-right{
float:right;
margin:0 0 0 18px;
}

.report-container .image-left{
float:left;
margin:0 18px 0 0;
}

.report-container .text-block{
margin:0 0 30px 0;
font-weight:bold;
color:#3c2918;
}

.report-container .text-block p{
text-indent:1em;
line-height:1.8;
}

.report-container .text-block .emp{
color:#fe9800;
}

.report-container .text-block .rule{
font-size:116%;
color:#fe5400;
}

.report-container #work-container .text-block{
float:left;
width:380px;
}

.report-container #work-container .image-right{
margin:0;
width:238px;
height:237px;
padding:4px 0 0 4px;
background:transparent url(/rp/oze/mamoru/report/images/index_work_swimg_bg.gif) left top no-repeat;
}

.report-container #work-container .loading{
width:236px;
height:180px;
background:#fff url(/rp/oze/mamoru/report/images/loading.gif) center center no-repeat;
display:block;
}

.report-container #work-ex{
clear:both;
width:642px;
height:380px;
background:transparent url(/rp/oze/mamoru/report/images/index_work_bg.png) left top no-repeat;
position:relative;
}

.report-container #work-ex .map-image{
position:absolute;
top:0;
left:312px;
}

#main-container .report-container #work-ex h4{
margin:0 0 18px 21px;
padding:18px 0 0 0;
position:relative;
}

.report-container #work-ex #ex-image{
margin:0 0 0 19px;
width:642px;
position:relative;
}

.report-container #work-ex #ex-image dt,
.report-container #work-ex #ex-image dd{
position:absolute;
}

.report-container #work-ex #ex-image dt span{
float:left;
padding:21px 0 0 0;
width:21px;
height:0;
overflow:hidden;
background-image:url(/rp/oze/mamoru/report/images/index_work_num.gif);
background-repeat:no-repeat;
}

.report-container #work-ex #ex-image .no01{ top:8px;left:484px; }
.report-container #work-ex #ex-image .no02{ top:34px;left:455px; }
.report-container #work-ex #ex-image .no03{ top:99px;left:521px; }
.report-container #work-ex #ex-image .no04{ top:171px;left:478px; }
.report-container #work-ex #ex-image .no05{ top:208px;left:324px; }

.report-container #work-ex #ex-image .no01 span{ background-position:0 0; }
.report-container #work-ex #ex-image .no02 span{ background-position:-21px 0; }
.report-container #work-ex #ex-image .no03 span{ background-position:-42px 0; }
.report-container #work-ex #ex-image .no04 span{ background-position:-63px 0; }
.report-container #work-ex #ex-image .no05 span{ background-position:-84px 0; }

.report-container #work-ex #ex-image .no01 .ac{ background-position:0 -21px; }
.report-container #work-ex #ex-image .no02 .ac{ background-position:-21px -21px; }
.report-container #work-ex #ex-image .no03 .ac{ background-position:-42px -21px; }
.report-container #work-ex #ex-image .no04 .ac{ background-position:-63px -21px; }
.report-container #work-ex #ex-image .no05 .ac{ background-position:-84px -21px; }

.report-container #work-ex #ex-image dd.ac{
z-index:10;
}

.frame .report-container .ex-section{
width:642px;
}

#all-notslip .ex-thumbl-section-r{
width:390px;
padding:0 302px 0 0;
}

#all-notslip .ex-thumbl-section-r .thumb img{
margin:0 -302px 0 0;
}



/* clearfix
------------------------------------ */
.block-column2{
display:inline-table;
}
/* \*/
.block-column2{
display:block;
}
/* */
.block-column2:after{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}