body{
 background:#ddd;
 line-height:170%;
 text-align:center;
 color:#333;
 font-size:small;
 margin:0;padding:0;
}

a{text-decoration:none;}
a:hover{color:#f00;}
a img{border:none;}

dl dt{
 font-weight:bold;
 color:#000;
}

em{
 background-color: #ff0;
 padding:0 3px;
 margin:0 2px;
 font-weight:bold;
 font-style:normal;
}
em.pink{
 background-color:#f9f;
 color:#000;
}



h1,h2,h3,h4,h5{padding:0;margin:0;}

#wrapper{
 width:900px;
 padding:0px;
 margin:0 auto;
 text-align:left;
 background:#ddd;
}

#header{
 margin:0;padding:0;
 background:#fff;
}

#main_wrap{
 background:#ddd;
 clear:both;
}

#pages #main_wrap{
 background:url(images/main_back.gif) 0 0 repeat-y;
}

#main_contents{
 float:right;
 margin-right:0px;
 width:690px;
}

#side{
 float:left;
 width:200px;
}

#footer{
 clear:both;
}


/*header*/
#header{
}

#h1{ background:#fff;}

ul#top_menu{
 clear:both;
 background:#ddd;
 list-style:none;
 margin:0;
 padding:5px 3px 10px 2px ;
}

ul#top_menu li{
 display:inline;
 margin:0 0 0 1px;padding:0;
}


/*side*/
ul#shojo{
 clear:both;
 background:#fff;
 list-style:none;
 margin:0;
 padding:1px 0px 0px 0px;
 line-height:0px;
}
ul#shojo li{
 margin:0 0 1px 0;padding:0;
/* padding:70px 0 0 0;
 line-height:120%;
 color:#fff;*/
}
/*
ul#shojo li#shojo1{background:url(images/shojo1_f2.jpg) 0 0 no-repeat;}
ul#shojo li#shojo2{background:url(images/shojo2_f2.jpg) 0 0 no-repeat;}
ul#shojo li#shojo3{background:url(images/shojo3_f2.jpg) 0 0 no-repeat;}
ul#shojo li#shojo4{background:url(images/shojo4_f2.jpg) 0 0 no-repeat;}

ul#shojo li a{
 display:block;
 padding:5px;
 text-align:center;
 height:30px;
 color:#fff;
 text-decoration:none;
}
*/
ul#shojo li a:hover{
  opacity:0.6;
  filter: alpha(opacity=60);
}

/*main-main*/
h2{
 border-left:40px #B70000 solid;
 padding:10px;
 font-size:25px;
 background:#000;
 color:#fff;
 font-weight:normal;
}

h3{
 clear:both;
 background:#666;
 color:#fff;
 font-size:20px;
 padding:5px 5px 5px 20px;
 margin:10px 0;
 line-height:20px;
 font-weight:normal;
 border-top:5px solid #ccc;
 border-bottom:5px solid #ccc;
}

h4{
 background:url(images/ttl_h4.gif) 0 40% no-repeat;
 padding-left:40px;
 margin-left:20px;
 font-size:15px;
}

#main_contents p{
 margin:10px;
}

ul#feed{
 margin:0;padding:0;list-style-type:none;
 width:625px;
}

ul#feed li{
 background:#eee;
 margin-bottom:1px;
 padding:5px;
}

ul#feed li a{
 text-decoration:none;
}

ul.listmark li{list-style: square outside; list-style-image:none;}

#feature{
 background:#fff;
/* margin-top:10px;*/
 width:691px;
}

#feature div.linet{
 clear:both;
}

#feature div.featuretxt{
 position:relative;
 font-size:12px;
 margin:0 0 1px 0;padding:0;
 width:345px;height:180px;
}

#feature div.leftt{
 float:left;
}
#feature div.rightt{
 float:right;
}


#feature p{
 position:absolute;
 top:90px;
 margin:5;padding:0;
 font-size:12px;
 line-height:15px;
 width:330px;
}

#feature p em{
 background:none;
 color:#B70000;
 font-weight:bold;
}

#feature1{ background:url(images/feature1.gif) 0 0 no-repeat;}
#feature2{ background:url(images/feature2.gif) 0 0 no-repeat;}
#feature3{ background:url(images/feature3.gif) 0 0 no-repeat;}
#feature4{ background:url(images/feature4.gif) 0 0 no-repeat;}
#feature5{ background:url(images/feature5.gif) 0 0 no-repeat;}

/*footer*/
#footer{
 clear:both;
 font-size:small;
 margin:10px 0;
 padding:5px;
 background:#fff;
}


#copyright{
 font-size:x-small;
 margin-right:10px;
}

/*common*/

.kakomi{
 clear:both;
  border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5x;
 border: 1px #ddd solid;
 padding:1em;
 margin:1em 1em 1em 1em;
 box-shadow:0 2px 3px rgba(0, 0, 0, 0.1) ;
}

.redbold{
 font-size:130%;
 color:#C00;
}

.glaybold{
 font-size:130%;
 color:#999;
}

.pinkbold{
 color:#FF6699;
 font-weight:bold;
 font-size:120%;
}

.fl_left{
 float:left;
 margin-right:10px;
}

.fl_right{
 float:right;
 margin-left:10px;
}

.photo_frame{
 padding:2px;
 background-color:#fff;
 border:1px solid #ccc;
 box-shadow:0 2px 3px rgba(0, 0, 0, 0.1) ;
}

dl.tbl dt{
 background:url(images/ttl_dt.gif) 0 40% no-repeat;
 clear:left;
 font-weight: bold;
 padding: 5px 0 5px 40px;
 margin: 1px 0 0;
 float:left;
}

dl.tbl dd{
/* background:url(images/line.gif) left top repeat-y;*/
 border-bottom: 1px dotted #eee;
 padding: 5px 0 5px 180px;
 margin: 1px 0 0;
}

dl.tbl {
 padding: 5px 0 0px 0;margin:0 10px 0 10px;
}

dl.tbl2{
 background:#efefef;
 margin:10px 0;
 padding-top:0;
}

dl.tbl2 dt{
 border-left: none!important;
 font-weight: bold;
 color:#222;
}
dl.tbl2 dd{
 background:none;
 background-color:#fff;
 padding: 5px 0 5px 5px;
 margin-left:6em;
 border:none;
}

dl.tbl3 dt{
 background:url(images/ttl_h4.gif) 0 40% no-repeat;
 font-weight: bold;
 padding: 5px 0 3px 40px;
 margin: 1px 0 0 0;
 font-size:medium;
}

dl.tbl3 dd{
 border-bottom: 1px dotted #eee;
 padding: 0px 0 10px 10px;
 margin: 1px 0 0;
}

dl.tbl3 {
 padding: 5px 0 0px 0;margin:0 10px 0 10px;
}


.ultxt{
 border-bottom:1px dotted #999;
 font-weight:bold;
}

.bubble {
  position: relative;
}

.bubble .body {
  color: #000;
  background-color: #eeeeee;
  padding:10px;
}

.bubble .body:after {
  content: "";
  border-top: 18px solid #eee;
  border-right: 24px solid transparent; 
  position: absolute;
  bottom: -18px;
  left: 36px;
  width: 0; 
  height: 0; 
}

/*-------おまじないゾーン-----------*/
#header,#main_contents,#main_wrap,#feature,#footer{zoom: 100%;}
#header:after,#main_contents:after,#main_wrap:after,#feature:after,#footer:after{
 content: "";clear: both;height:0;display:block;visibility: hidden;
}
/*-------おまじないゾーン-----------*/