@charset   "UTF-8";
/*-----------------------------------------------------
  生環新書　base  CSS
-----------------------------------------------------*/


/*-- Opera Fix Footer-fix --*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

/*-------------------------*/

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

html, body {height: 100%;}

body {  
    
	color: #464646;
	font-size: 0.95em;
	font-family: Verdana,"MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 120%;
        background-image: /*url(../img/blue.jpg)*/;
        background-repeat: /*repeat-x*/;
        background-color:#fff;
}
img {  
	background:;
   	border: 0px solid #dcdcdc;
	padding: 5px;
}
img.border{  
	background: #fff;
   	border: 1px solid #dcdcdc;
	padding: 5px;
}
img.icon {
	background: #ffffff;
   	border: 0px solid #ffffff;
	margin: 0px 0px -7px 0px;
	padding: 5px;     
}

img.float-right {
    float: right; 
  	margin: 5px 0px 10px 10px; 
}
img.float-left {
    float: left;
  	margin: 5px 10px 10px 0px;
}

hr {  
	border:none;
	border-top:dotted 1px #ACACAC;
	height:1px;
	color:#FFFFFF;
	width:100%;
}

h1 {
	margin: 0 0 10px;
	padding:5px 10px;
    font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;	
	font-size:180%;
    color: #333333;
	border-left: ;
	border-bottom: ;
}

h2 {
     padding : 10px 0 10px 20px;
     margin : 5px 0px 0px 0px ;
    font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size:150%;
	border-bottom: 0.5px solid #ddd;
	border-left: 6px solid #ccc;
}

h3 {
	margin: 0 0 10px;
	padding:5px 10px;
    font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;	
	font-size:110%;
	border-left:4pt solid #000099;
	border-bottom: ;/*1pt solid #efefef;*/
}
h4{
	margin: 0 0 10px;
	padding:5px 10px;
	font-size:110%;
	border-left:4pt solid #e2041b;
	border-bottom: ;/*1pt solid #efefef;*/
}
h5{
     width :  ;
     font-size :  110%;
     font-family: Arial, sans-serif; 
     letter-spacing:.1em;
     line-height :  ; 
     padding : 0 0 3px 20px;
     margin : 5px 0px 0px 0px ; 
     background : url(../img/t1.gif) no-repeat;
     border-bottom : dotted 1px #cccccc ;
}
h6{
     width :  ;
     font-size :  110%;
     font-family: Arial, sans-serif; 
     letter-spacing:.1em;
     line-height :  ; 
     padding : 0 0 3px 20px;
     margin : 5px 0px 0px 0px ;  
     background : url(../img/maru_r.gif) no-repeat;
     border-bottom : dotted 1px #cccccc ;
}
/*--見出し内サブ見出し------------------*/
p.update {
      margin: -2.25em 0 10px;
      font-size: 100%;
      line-height: 1.5;
      text-align: right;
}
/*--背景付き見出し----------------------*/
.bg_h1{	
	  margin: 0 0 10px;
	  padding:15px;
	  font-size:150%;
      border-radius: 10px;  
      background-color:#5baec0;
      color:#fff;
}
.bg_h2{	
	  margin: 0 0 10px;
	  padding:15px;
	  font-size:120%;
	  font-weight:bold;
      border-radius: 10px;  
      background-color:#ededed;
      color:#000;
}
.bg_h3{	
	  margin: 0 0 10px;
	  padding:15px;
	  font-size:120%;
	  font-weight:bold;
      border-radius: 10px;  
      background-color:#e2041b;
      color:#fff;
}
.bg_h4{	
	  margin: 0 0 10px;
	  padding:15px;
	  font-size:120%;
	  font-weight:bold;
      border:0.5pt solid #e2041b;	  
      border-radius: 10px;  
      background-color:#fff;
      color:#e2041b;
}
/*----------------------------------*/
.h7 {   
	  margin: 0 0 10px;
	  padding:10px 0 1px 10px;
	  font-size:120%;
	  font-weight:bold;
     /*-- border:0.5pt solid #ccc; --*/	  
      border-radius: 10px;
      background-color:#ededed;
      color:#000;

}
.h7b {   
    border-left: #fff solid 6px;   
    padding: 0.3em 0em 0.3em 0.5em;   
}
/*----------------------------------*/
ul li {
	list-style-type:none;
}
a {  
    
	color:#0000ff;
        text-decoration: none;
}
a:hover {  
    
	color:#00BFFF;
}
.hid {  
    
	display:none;
}
p {    
	margin-left:20px;
	margin-bottom:.8em;
}
p.h1{
	font-size:250%;
    color:#000;
    line-height:140%;     
	margin-left:20px;
	margin-bottom:.8em;
}
p.h2{
	font-size:150%;
    color:#000;
    line-height:140%;     
	margin-left:20px;
	margin-bottom:.8em;
}
p.h3{
	font-size:110%;
    font-weight:bold;	
    color:#ff0000;    
    line-height:110%;     
	margin-left:20px;
	margin-bottom:.8em;
}
p.ya {
	font-size:100%;
    font-weight:bold;	
	color:#ff8c00;
	list-style-type:none;
	margin-bottom:.5em;
	padding-left:17px;
	background:url(../img/ya14.jpg) no-repeat 0px 2px; /*--左and上位置px--*/
}
/*---目次----本文右下------------*/
#pname{
    position:relative;
    bottom:20px;
    right:10px;
}
/*---本体背景-------------------*/
#wrapper {  
    min-height: 100%;
    border-top: 0px solid #ccc;
    border-left: 0px solid #ccc;
    border-right: 0px solid #bbb;
    border-bottom: 0px solid #bbb;
    background-color:#ffffff;
    width: 940px; /*--980px ;--*/
    margin: 10px auto 10px;
    padding: 0px 0px;
}

/*-----------------------------
	-main_container
-----------------------------*/
div#main {
	/*--overflow:auto;
	padding-bottom: 150px;  --*/  /* must be same height as the footer */
	margin: 0 0 10px 0;
	padding-top: 10px;
	float:left; 
	background: ;
}

/*-----------------------------
　-topicsPath パンくずリスト
-----------------------------*/
#topicPath {  
    float:left;  
    margin:10px 0;
    padding-bottom:3px;     
    border-bottom: 1px dotted #bbb;
    width:97%;
}  
#topicPath li {  
    float:left;  
    line-height:110%;  
    list-style-type:none;
    margin-right:5px;  
    padding-right:10px;     
    background:url(../img/topicpath.gif) no-repeat right center;     
}  
#topicPath li a {  
    margin-right:;  
    padding-right:; 
}  
/*-----------------------------
	-wide_container
-----------------------------*/
div#wide_container {
	float:left;
	width:900px;
	margin-right:30px;
	padding-left:30px;
	padding-bottom:20px;
	background:url(../img/bg_main.gif) no-repeat right bottom;
	word-wrap: break-word;
}

div#wide_container ul {
	margin-bottom:20px;	
}
div#wide_container ul li {
	margin-bottom:.5em;
	padding-left:35px;
	background:url(../img/arrow_g.gif) no-repeat 20px 50%;
}
div#wide_container ol {
	margin-left:22px;
}
div#wide_container ol li {
	margin-bottom:.5em;
}
div#wide_container .box01{
	 width:98%;
     font-size : 100%; 
     margin:0 0 0 10px;
     padding: 5px 5px 5px 10px;
     border: #efefef solid 1px; 
     background-color: #ffffff;

}
div#wide_container .box02{
	 width:98%;
     font-size : 100%; 
     margin:0 0 0 10px;
     padding: 5px 0px 5px 10px;
     border: #ffcc00 solid 1px; 
     background-color: #ffffff;

}
div#wide_container .yellow{
	 width:98%;
     font-size : 100%; 
     margin:0 0 0 10px;
     padding: 15px 0px 15px 10px;
     border: #ffff00 solid 1px; 
     background-color: #ffff00;

}

/*-----------------------------
	-left_container
-----------------------------*/
div#left_container {
	float:left;
	width:650px;
	margin-right:30px;
	padding-left:30px;
	padding-bottom:20px;
	background:url(../img/bg_main.gif) no-repeat right bottom;
	word-wrap: break-word;
}

div#left_container ul {
	margin-bottom:20px;	
}
div#left_container ul li {
	margin-bottom:.5em;
	padding-left:35px;
	background:url(../img/arrow_g.gif) no-repeat 20px 50%;
}
div#left_container ul li.arrow {
	margin-bottom:.5em;
	padding-left:35px;
	background:url(../img/arrow.gif) no-repeat 20px 50%;
}
div#left_container ul  li.ya {
	margin-bottom:.5em;
	padding-left:40px;
	background:url(../img/ya.jpg) no-repeat 20px 50%;
}
div#left_container ol {
	margin-left:22px;
}
div#left_container ol li {
	margin-bottom:.5em;
}
.box01{
	 width:96%;
     font-size : 100%; 
     margin:0 0 0 5px;
     padding: 5px 5px 5px 10px;
     border: #efefef solid 1px; 
     background-color: #ffffff;

}
.box02{
	 width:96%;
     font-size : 100%; 
     margin:0 0 0 5px;
     padding: 5px 5px 5px 10px;
     border: #666 dotted 1px; 
     background-color: #ffffff;

}

/*--------------------------------------------
  left-container-2box
----------------------------------------------*/
div#left_container .box_left1{
	 float:left;
     font-family:"メイリオ", sans-serif;	     	 
	 width:650px;
     font-size : 90%; 
     margin:0 0 0 5px;
     padding: 5px 5px 5px 10px;
     border: #efefef solid 1px; 
     background-color: #ffffff;

}
div#left_container .box_left2{
	 float:left;	 
	 width:300px;
     font-size : 100%; 
     margin:0 0 0 50px;
     padding: 5px 5px 5px 10px;
     border: #ffcc00 solid 1px; 
     background-color: #ffffff;

}


/*--外側タイトル-----------------------------*/
.title_box_g {  
    width: 97%;
    font-size: 100%;
    font-weight:bold;
    color: #191970;
    margin: 0 auto;
    padding: 7px 0 8px 5px;
    border-radius: 5px;  
    background-color:#ededed;
}
.title_box_k {  
    width: 97%;
    font-size: 100%;
    font-weight:bold;
    color: #fff;
    margin: 0 auto;
    padding: 7px 0 8px 5px;
    border-radius: 5px;  
    background-color:#342666;
}
.title_box_r {  
    width: 97%;
    font-size: 100%;
    font-weight:bold;
    color: #fff;
    margin: 0 auto;
    padding: 7px 0 8px 5px;
    border-radius: 5px;  
    background-color:#e60033;
}
.box_in{
    width: 97%;
    font-size : 100%; 
    border: #efefef solid 1px; 
    background-color: #ffffff;
    padding: 5px 5px 5px 5px;
}


/*--------------------------------------------
  index-container
----------------------------------------------*/
dl.list dt {
  clear: left;
  float: left;
  margin: 0 0 0 10px;
  width: 7.5em;
  border-left: solid 5px #CCC;
  padding-left: 5px;
  color: #000;
}

dl.list dd {
  margin-bottom: 0.8em;
  margin-left: 9em;
}
/*-----------------------------
	-right_container
-----------------------------*/
div#right_container {
	float:right;
	width:220px;
	padding-top:10px;	
}
div#right_container li {
	padding:0px;
	text-align:center;
}
div#right_container li img {
	margin-bottom:5px;
	border:1px solid #999;
}
/*-----------------------------
	-right_container　Box
-----------------------------*/
.box1{
     width: 95%;
     font-size : 100%; 
     border: #b22222 solid 1px; 
     background-color: #ffffff;
     padding: 5px 5px 5px 10px;
}
.box2{
     width: 95%;
     font-size : 100%;
     border: #efefef solid 1px; 
     background-color: #ffffff;
     padding: 5px 5px 5px 10px;
}
.box3{
     width: 95%;
     font-size : 100%;
     border: #e60033 solid 1px; 
     background-color: #ffffff;
     padding: 5px 5px 5px 10px;
}
.title_box {
	width: 98%;
    height:24px;
	font-size: 110%;
    margin:0 0 0 0px;
    font-weight:bold;
    color: #ffffff; 
	background-color: #e60033;
	padding: 8px 0 0px 10px;
}
.title_box1 {
	width: 98%;
    height:24px;
	font-size: 100%;
    margin:0 0 0 0px;
    font-weight:bold;
    color: #ffffff;
	border-style: solid;
	border-width: 1pt 1pt 1pt 1pt;
	border-color: #b22222;
	background-color: #b22222;
	padding: 5px 0 2px 10px;
}
.title_g {  
    width: 94%;
    font-size: 100%;
    font-weight:bold;
    color: #191970;
    margin: ;
    padding: 8px 10px;
    border-radius: 5px;  
    background-color:#ededed;
}
.title_k {  
    width: 98%;
    font-size: 100%;
    font-weight:bold;
    color: #fff;
    margin: 0 auto;
    padding: 5px 0 5px 10px;
    border-radius: 5px;  
    background-color:#fff;
    border: #5baec0 solid 1px;    
}

/*-----------------------------
	- footer
-----------------------------*/
#footer {

	position: relative;
	margin-top: -150px;
	height: 150px;
	clear:both;

    font-size: 93%;   
	clear:both;
	margin: 10px 0 5px 0px;
	padding: 5px 0 5px 150px;
    color:#fff;
   	background-color: #999;
}
#footer a {       
	color:#fff;
       text-decoration:none;
}
#footer a:hover {    
	color:#00BFFF;
}

/* --postmeta------------------------------------- */

.postmeta {	
	padding: 5px; margin: 20px 10px 15px 10px;	
	font-size: 1em;	
	color: #777;
	border: 1px solid #EBEBEB;
	background: #F5F5F5;
}
.postmeta a { background: transparent; }
.postmeta .date{ margin: 0 10px 0 5px;	}
.postmeta a.comments { margin: 0 10px 0 5px;	}
.postmeta a.readmore { margin: 0 10px 0 5px;	}

.post-info { font-size: .8em; padding-top: 3px; margin-left: 5px; color: #bababa; }
.post-info a { color: #000; }



/* -- alignment classes------------------------- */

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* --clearing----------------------------------- */

.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}
/*---------------------------
   11/07/07 eecoms 
-----------------------------*/