@charset "UTF-8";
html, body, div, h4, h5, h6, address, blockquote, p, pre, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset { margin: 0; padding: 0; }
address, code, em, strong, caption, th { font-style: normal; font-weight: normal; }
ul, ol { list-style: none; }
img { border: 0; }
legend { display: none; }
body { color: #333; font-family: "Century Gothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-size: 14px; line-height: 1.5; background: #F9F9F9; margin: 0 auto; }
strong { font-weight: bold; }
a:link { color: #285A7D; text-decoration: underline; font-weight: bold; }
a:visited { color: #193951; text-decoration: underline; }
a:hover, a:active { color: #357AAC; text-decoration: none; }

/*============================*/
#container { margin: 0 auto; padding:0 20px;  width: 960px;  text-align: left; overflow: hidden; }
#contents { margin: 20px 0; }
#left_box { float: left; margin-right:10px; width: 285px; }
#right_box { float: left; margin-top: 2px;  width: 640px; }

/*---- header -------------*/
#headMenu { background: url(http://mdma.boo.jp/img/header2011.gif) 0 0 no-repeat; }
#headMenu a { display: block; width: 940px; height: 250px; }
h1 { font-size: small; line-height: 1; margin: 0; padding-top: 10px; }
#headMenu a:link, #headMenu a:visited { color: #000; }
#headMenu a:hover, #headMenu a:active { color: #B9B9B9; }
.description { margin-top: -10px; font-size: x-small; color: #666; text-align: center; }


/*===  menu ====*/
#left_box .menu_box { background: #EFEFEF; padding: 0; margin-bottom: 15px; width: 285px; }
#left_box .menu_box .menu_box_inner { border-bottom: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; padding: 10px 20px; }
.dd_btm { margin-bottom: 1em; padding-bottom: 0.5em; border-bottom: 1px solid #999; }
.dd_icon { float: left; margin-right: 2px; }
.dt_prof { margin-bottom: 0.7em; }
.menu_box_inner dl { overflow: hidden; }
.menu_box_inner ul { margin-top: 1em; }
.menu_box_inner li { list-style-type: disc; margin-left: 1em; }
#left_box .menu_box h2 { margin: 0; padding: 0; }

/*----- footer -----*/
#footMenu { float: none; clear: both; zoom: 1; padding: 15px 0; overflow: hidden; zoom: -1; font-size: small; }
#footMenu li { list-style-type: disc; margin-left: 1.5em; }
#footMenu address { margin-top: 15px; color: #999; font-size: x-small; text-align: center; }
#footMenu address a:link, #footMenu address a:visited { color: #999; }
.footer_sitemap { overflow: hidden; margin: 10px 0; background: #EFEFEF; padding: 10px; }
.footer_sitemap li { float: left; border-right: 1px solid #333; margin-right: 10px; padding-right: 10px; list-style-type: none !important; margin-left: 0 !important; line-height: 1.7em; }
.footer_sitemap .footer_prof { float: left; width: 230px; margin-right: 10px; border-right: 1px solid #fff; }

/*--- h -----*/
h2 { color: #333; font-weight: bold; font-size: large; line-height: 1.5; clear: both; }
h3 { color: #666; font-weight: bold; font-size: large; line-height: 1.5; clear: both; }
.doll_list { background: #B8B8B8; padding: 7px; color: #333; }
h4 { font-size: medium; font-weight: bold; }
blockquote { margin: 0 0 15px 0; padding: 10px; background: #fff; border: 1px solid #ccc; }

/*----- breadcrumb ---------------------*/
.breadcrumb { font-size: small; overflow: hidden; }
ol.breadcrumb li { float: left; }
.non_a { margin-left: 5px; }
ol.breadcrumb li a { padding-right: 5px; text-decoration: none; font-weight: normal; }

/*----------------------------------------------*/
.topphoto { padding: 10px 0; }

/*----------------------------------------------*/
.iconimg { border: none; padding: 0; width: 35px; height: 35px; }
.totop { text-align: right; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 0; margin-bottom: 15px; font-weight: bold; clear: both; }
.main-box-link { float: left; width: 290px; margin: 0 10px 10px 0px; height: 120px; padding-bottom: 5px; display: inline; }

/* ---- doll ---- */


.main_box { overflow: hidden; }
.main-box-d { border: 1px solid #ccc; background: #fff; display: inline-block; vertical-align: top; width: 290px; margin: 0 10px 10px 0; padding: 10px; }
.doll_box { display: inline-block; vertical-align: top; margin-right: 10px; }
.main-box-d_r { margin: 0 0 10px 0; }
.main-box-d p { clear: both; }
.main-box-d p.doll_ttl { font-size: medium; font-weight: bold; }
.doll-img-s { width: 100px; height: 150px; margin: 10px 5px 10px 0; float: left; }
.ul-d { margin-top: 10px; float: left; display: inline; line-height: 1.3; overflow: hidden; }
.ul-d li { list-style-type: disc; margin-left: 1.5em; font-size: 90%; }
.doll_image { margin-bottom: 10px; }
.scp{font-size:x-small; margin-bottom:1em;}
.link_txt{ color: #993A3F;}

/* form */
input, textarea, select { border: 1px solid #ECECEC; background: #fff; margin-top: 10px; }
input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, textarea:hover, textarea:focus, select:hover, select:focus, input#author:hover, input#author:focus, input#email:hover, input#email:focus, input#url:hover, input#url:focus { border: 1px solid #000; background: #fff; }
input[type="button"], input[type="submit"] { border: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; background: #797979; color: #fff; }

/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{
#container { margin: 0 auto; padding:0 20px; text-align: left; overflow: hidden; width:100%; }
#contents { margin: 20px 0; }
#left_box { /* float: none; */ display:none;}
#right_box { float: none; margin-top: 2px;width:100%;}
#headMenu { background: none; }
#headMenu a { display: inline; width:100%;}
.footer_sitemap .footer_prof { float: none; margin-right: 10px; border-right: 1px solid #fff; line-height:2.5em; }
.description { margin-top:2em;font-size: x-small; color: #666; text-align: left; }
}