@charset "utf-8";

/* initialaize */

/* Universal selector */
* {
margin:0;
padding:0;
position:static;
}

/* Text(Heading) */
h1, h2, h3, h4, h5, h6 {position:static;}

/* Text(Block) */
address, blockquote, div, p, pre {
font-style:normal;
font-weight:normal;
position:static;
}

/* Text(Inline) */
abbr, acronym, br, cite, code, dfn, em, kbd, q, samp, span, var {
position:static;
border:none;
font-style:normal;
font-weight:normal;
}
strong {
position:static;
border:none;
font-style:normal;
font-weight:bold;
}

/* Hypertext */
a {text-decoration: none;}

/* List */
ul, dl, dt, dd {
list-style-type:none;
font-style:normal;
font-weight:normal;
position:static;
}
ol {list-style-type:none;}

/* Image */
img {
border:0;
vertical-align:top;
}

/* Scripting */
noscript, script {
font-style:normal;
font-weight:normal;
position:static;
}

/* Etc. */
hr, table, form, fieldset, del {
font-style:normal;
font-weight:normal;
position:static;
}

/* base */
a {
  color: #006699;
  text-decoration: underline;
}
a:hover {
  color: #006699;
  text-decoration: none;
}
a:link {
  color: #006699;
}
a:visited {
  color: #333399;
}
body {
    font-size:13px;
    text-align: left;
    color: #666666;
    background: #fffad9 url(/images/mimi_img/bg.png) repeat-x left top;
    font:normal 12px/1.5 "ＭＳ Ｐ ゴシック", "MS P Gothic", "Verdana", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}
.txt-left {
    text-align: left;
}
.txt-right {
    text-align: right;
}
.txt-center {
    text-align: center;
}
.box-left {
    float:left;
}
.box-right {
    float: right;
}


/*------  layout  ------*/
#wrapper {
    width: 830px;
    margin: 0 auto;
    padding: 5px 10px 0 10px;
    background: #ffffff;
    border-right: 2px solid #f6b9d3;
    border-left: 2px solid #f6b9d3;
}
#header {
    width: 850px;
    margin: 0 auto;
    border-right: 2px solid #f6b9d3;
    border-left: 2px solid #f6b9d3;
}
#header h1 {
    padding-left: 10px;
    color: #fffff8;
    height: 13px;
    line-height: 13px;
    font-size: 13px;
    font-weight: normal;
    background: url(/images/mimi_img/bg-top.png) repeat-x left top;
}

/*------  head_m  ------*/
#head_m {
    position: relative;
    width: 830px;
    height: 380px;
    margin: 0 auto 5px auto;
    padding: 0;
    background: url(/images/mimi_img/img-m.png) no-repeat left top;
    overflow: hidden;
}
#head_m #logo {
    position: absolute;
    top: 242px;
    left: 12px;
}
#head_m #logo a {
    width: 217px;
    height: 127px;
    background: url(/images/mimi_img/logo.png) no-repeat left top;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}
#head_m h2 {
    padding: 0;
    margin: 0;
}

/*-------- gm --------*/
#gm {
    margin-bottom: 1px;
}
#gm ul li {
    float: left;
}
#gm-btm {
    clear: both;
    width: 830px;
    height: 5px;
    background: url(/images/mimi_img/bg-menu-btm.png) no-repeat left top;
    overflow: hidden;
}

/*------- main --------*/
#main {
    width: 830px;
}
/*------- sub-menu --------*/
#sub_menu {
    float: left;
    width: 240px;
    padding-right: 10px;
}
.box-news,
.box-link  {
}
.box-sub-usu {
    padding: 10px 10px 5px 10px;
    background: #fcf4e3;
}
.box-sub-usu-btm {
    width: 240px;
    height: 5px;
    background: url(/images/mimi_img/bg-blo-btm.png) no-repeat left top;
    overflow: hidden;
}
.box-sub-inner-top {
    width: 220px;
    height: 5px;
    background: url(/images/mimi_img/bg-wht-top.png) no-repeat left top;
    overflow: hidden;    
}
.box-sub-inner-mid {
    padding: 0 5px 6px 5px;
    background: #ffffff;
}
.box-sub-usu ul li {
    background: url(/images/mimi_img/bg-dot1.png) repeat-x left bottom;  
}
.box-sub-usu ul li a {
    padding: 5px 0 5px 18px;
    background: url(/images/mimi_img/ico-arrow.png) no-repeat left 6px;  
    display: block;
    overflow: hidden;
}
.box-sub-inner-btm {
    width: 220px;
    height: 5px;
    background: url(/images/mimi_img/bg-wht-btm.png) no-repeat left top;
    overflow: hidden;    
}
.box-sub-spe {
    padding: 10px;
    background: #f7f7f7;
}
.box-sub-spe-btm {
    width: 240px;
    height: 5px;
    background: url(/images/mimi_img/bg-gre-btm.png) no-repeat left top;
    overflow: hidden;
}
.box-sub-spe ul li {
    padding: 5px;
}
.box-sub-spe .box-sub-inner-mid {
    padding: 0 5px;
}

/*------- s-content -------*/
#s-content {
    float: right;
    width: 579px;
    margin-top: 12px;
}
#s-content-top {
    position: relative;
    height: 25px;
    background: url(/images/mimi_img/bg-top-s.png) no-repeat left top;
    overflow: hidden;
}
#top-chip {
    position: absolute;
    top: 0;
    right: 20px;
}
#s-content-mid {
    width: 539px;
    padding: 0 20px 12px 20px;
    background: url(/images/mimi_img/bg-mid-s.png) repeat-y left top; 
    overflow: hidden;
}
#s-content-btm {
    height: 21px;
    background: url(/images/mimi_img/bg-btm-s.png) no-repeat left top;
    overflow: hidden;
}
/*------- l-content -------*/
#l-content {
    width: 830px;
    margin-top: 12px;
}
#l-content-top {
    position: relative;
    height: 25px;
    background: url(/images/mimi_img/bg-top-l.png) no-repeat left top;
    overflow: hidden;
}
#top-chip {
    position: absolute;
    top: 0;
    right: 20px;
}
#l-content-mid {
    width: 785px;
    padding: 0 25px 12px 20px;
    background: url(/images/mimi_img/bg-mid-l.png) repeat-y left top; 
    overflow: hidden;
}
#l-content-btm {
    height: 21px;
    background: url(/images/mimi_img/bg-btm-l.png) no-repeat left top;
    overflow: hidden;
}


/*------- article -------*/
.box-article {
    border-bottom: 1px dotted #f3d5b1;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.no-line {
    border: none;
}
.box-article h2 {
    color: #875f46;
    font-size: 16px;
    padding: 3px 0 10px 0;
    margin-bottom: 10px;
    background: url(/images/mimi_img/bg-dot2.png) repeat-x left bottom;    
}
.box-article p.date {
    padding-right: 5px;
    text-align: right;
}
.box-article p {
    margin-bottom: 10px;
}
.box-article table th {
    font-weight: normal;
    padding: 2px 30px 2px 0;
    vertical-align: top;
}
.box-cara {
    background: url(/images/mimi_img/bg-dot1.png) repeat-x left bottom;    
}
.box-cara .box-cara-img {
    float: left;
    padding: 5px 20px;
}
.box-cara-img a img {
   border: 2px solid #cccccc;
}
.box-cara-img a:hover img {
   border: 2px solid #ff6699;
}
.box-cara-txt {
   float: right;
   width: 585px;
}
.box-cara h3 {
   color: #ff6699;
   margin: 10px 0;
   padding-left: 45px;
   background: url(/images/mimi_img/ico-maiku.png) no-repeat left top;    
}
.box-cara h3 a {
   color: #ff6699;
   text-decoration: none;
}
.radio-btn {
   text-align: right;
   margin-bottom: 5px;
}


/*------  footer  ------*/
#footer {
    margin-top: 50px;
}
#footer .foot-btm {
    position: relative;
}
#footer .foot-chip {
    position: absolute;
    top: -21px;
    right: 10px;
}
* html #footer .foot-chip { /* for ie6 */
    position: absolute;
    top: -21px;
    padding-right: 10px;
}

#footer .foot-btm p {
    height: 49px;
    background: url(/images/mimi_img/bg-foot.png) no-repeat left top;
    overflow: hidden;
    display: block;
    text-indent: -9999px;
}

/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }