@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,details,embed{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;border-collapse:collapse!important}
:focus{outline:0}
body{background:transparent;line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse!important;border-spacing:0}
caption,th,td{font-weight:400}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
a img{border:0!important}
img{max-width:100%}
ul{margin:0;padding:0}
ul li{list-style:none}
img{max-width:100%}
.clearfix{clear:both}
.cF,article-box{zoom:1}
.cF:before,.cF:after,article-box:before,article-box:after{content:"";display:block}
.cF:after,article-box:after{clear:both}
body{font-family:"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","メイリオ",Meiryo,serif;font-size:13px;line-height:1.7;letter-spacing:.14em;color:#000;text-align:left;background:#fff}
h1,h2,h3,h4,h5,h6,p,pre,dt,dd,li{line-height:1.72em;display:block}
a{color:#333;text-decoration:underline}
a:hover{text-decoration:none}
#head_information,#sub-title,#mu_navi,#base_trunk,#my_explore,#my_breadpiece,#article-box,#page-bottom{display:block}
#article-box p{text-indent:1em}
body{position:relative}
#my_breadpiece p,#head_information #sub-title,#base_trunk,#page-bottom p,p.last-p{width:1080px;margin:0 auto}
div.link{margin-bottom:30px}
#base_trunk{margin:92px auto 0}
.content_box:first-child,#my_explore div:first-child{float:left;width:48%}
.content_box:last-child,#my_explore div:last-child{float:right;width:48%}
#my_explore div{width:50%;float:left;text-align:center}
.content_box{padding-top:330px;background:url(../img/main-officesyokizi.jpg) no-repeat left top;padding-bottom:50px}
#my_breadpiece{background-color:#0C6;color:#fff;height:24px}
#my_breadpiece p{text-indent:2em}
#my_breadpiece a{color:#fff}
#head_information{border-bottom:1px solid #000}
#head_information #sub-title{height:100px}
#head_information #sub-title h1{padding-top:30px;text-indent:4em;font-size:20px;height:100px;}
#head_information #sub-title p{font-size:16px;font-weight:700;letter-spacing:2px;position:absolute;text-align:center;line-height:2.5;background-color:#090;color:#fff;width:800px;top:152px;left:50%;margin-left:-400px}
#article-box h2{text-indent:2em;background-color:#0C0;padding:3px;font-size:16px;font-weight:700;line-height:2;color:#fff}
#article-box p{padding:20px;line-height:2}
#article-box .link{width:90%;margin:0 auto;line-height:2;}
#article-box h2+ul{padding-top:20px}
#article-box h2+ul li{padding:12px 0;text-align:center}
#my_explore h3{font-size:16px;font-weight:700;padding:3px;background-color:#0C0;color:#fff}
#my_explore ul{padding:10px}
#my_explore ul li{padding:12px 0}
p.last-p{text-align:right;margin:50px auto 40px;height:32px}
p.last-p a{display:block;padding:5px;width:9em;float:right;text-align:center;font-size:12px;color:#fff;margin-right:50px;background-color:#090;text-decoration:none}
p.last-p a:hover{background-image:none;background-color:#3F6}
#page-bottom{background-color:#0C6;text-align:center;padding:10px}
#page-bottom p,#page-bottom a{color:#fff}

#mu_navi{position:absolute;top:20px;left:48%;width:600px;height:100px}
#mu_navi ul{padding-top:12px}
#mu_navi li{float:left;width:31%;margin-right:2%;line-height:36px;text-align:left;margin-bottom:4px}

#mu_navi li a{display:block;background-color:#090;text-decoration:none;text-align:center;color:#fff;font-weight:700 ; margin-bottom:3px;}
#mu_navi li a:hover{background-image:none;background-color:#0F0}


/* --- repair code ---*/
/*body #article-box .content_box:first-child{
width:45%; margin-left:3%; margin-right:1%;
}

body #article-box .content_box:last-child{
width:45%; margin-left:1%; margin-right:3%;
}
*/
#my_explore div ul li,body #article-box ul li{
margin:5px 0;
}

#my_explore div h3,#my_explore div ul{
box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
width:80%; margin:0 auto; padding:3px;
}

#article-box h2{
 border-radius:20px 20px 0 0;
}

#base_trunk #article-box .content_box:first-child{background:url(../img/main-officesyokizi.jpg) no-repeat left top;}

#base_trunk #article-box .content_box:last-child{padding-top:330px;background:url(../img/main2-officesyokizi.jpg) no-repeat left top;padding-bottom:50px}



/* --- separate code ---*/


/* --- common code width:1080px ---*/
body{
background-color:#F5F9CE;
}

#my_breadpiece{
box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
background-color:#CEE20C;
}

#head_information{
padding-top:30px;
}

#head_information #sub-title h1{
background:url(../img/icon-officesyokizi.png) no-repeat left 3px;
padding-top:20px; text-indent:4.5em;
color:#CEE20C; font-weight:bold;
text-shadow: 3px 3px 3px #eee;
}

#mu_navi{
 top:40px;}

#mu_navi li a{
border-radius:20px;
box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
background-color:#CEE20C;
}

#mu_navi li a:hover{
background-image:none;
background-color:#E2EE6D;
}

#head_information #sub-title p{ top:180px; margin-left:-530px; text-align:left;
box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25); text-indent:4em;
background-color:#CEE20C; border-radius:20px;
}

#article-box p{
box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
background-color:#fff; margin-bottom:25px;
}

#article-box h2{
box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25); padding-right:0;
text-indent:0;
background-color:#CEE20C; text-align:center; padding-left:0;
}

#article-box h2+ul{
box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25); padding:20px; 
background-color:#fff;
}

#article-box h2+ul li{
margin:0;
}

p.last-p a{
box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
background-color:#CEE20C; border-radius:10px;
}

p.last-p a:hover{
background-color:#E2EE6D;
}

#my_explore h3{  border-radius:20px 20px 0 0;
box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
background-color:#CEE20C;
}

#my_explore div ul{
background-color:#fff;
}

#page-bottom{
background-color:#CEE20C;
}













/* ID list 
#my_breadpiece,#head_information,#sub-title,#mu_navi,#base_trunk,#article-box,#my_explore,#page-bottom
*/
/* その他 css3 */
/* box-shadow
box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
*/
/* 浮き出し文字
color: #aaa;　text-shadow: -1px -1px 1px #ffffff, 1px 1px #000000;
background-color: #aaa; */
/* 沈み込んだ文字
color: #aaa;　text-shadow: -1px -1px 1px #000000, 1px 1px #ffffff;
background-color: #aaa; */
/* 袋文字 
 color: #ccc;
text-shadow: 1px 0px 0px #005500, 0px 1px 0px #005500, -1px 0px 0px #005500, 0px -1px 0px #005500;*/

/* clear fix 
#my_explore{
zoom: 1;
}

#my_explore:before, #my_explore:after {
content: "";
display:block;
}

#my_explore:after {
clear: both;
}

*/}