/* 文字コード */
@charset "UTF-8";


/* --HTML-- */html {background:#fff url(http://www.heiwamedic.com/mt/images/body_bg.jpg);color:#333;min-width:840px;overflow-y:scroll;}
/* 全体 */
body { 
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, sans-serif; 
color: #666666; 
font-size: 80%; 
text-align: center;
margin: 0px; 
padding: 0px;
background-image: url(http://www.heiwamedic.com/mt/images/body_bg.jpg);
background-repeat: repeat;
}
body div { text-align: left; margin: 0px auto 0px auto ;}

img { margin: 0px; padding: 0px; border: 0}
/* リンク指定 */
a { overflow: hidden;}
a img { border: 0;}
a:link { color: #00008b; text-decoration: none;}
a:visited { color: #00008b; text-decoration: none;}
a:hover { color: #0000ff; text-decoration: underline;}


/* 背景 */
@media screen{
#bg {
width: 840px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
background-image: url(http://www.heiwamedic.com/mt/images/body_bg1.jpg);
background-repeat: repeat-y;
}
}
/* コンテンツ全体 */
#container { 
width: 800px; 
margin: 0px auto 0px auto; 
padding: 0px ; 
background: #FFFFFF;
overflow: hidden;
}

#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #container {
    height: 1em;
    overflow: visible;
}
/**/

/* ヘッダー */
#header { height: 145px; margin: 0px; padding: 0px;}


/* ロゴ */

.logo { background: url(../images/logo.jpg) no-repeat left; margin: 0px; padding: 0px; width: 800px; height: 100px; float: left;}
.logoin { margin: 0px; padding: 0px 0px 0px 0px;}
.logoin h1 { width: 195px; height: 37px; margin: 0px; padding: 0px; text-indent: -9999px;}
/* 検索 */
.search { background: url(images/search_bg.jpg) no-repeat left; margin: 5px 0px 0px 0px; padding: 0px; width: 200px; height: 80px;}
.searchin { font-size: 75%; line-height: 1.5; margin: 0px; padding: 40px 5px 0px 7px; text-align: left;}
.searchin form { margin: 0px; padding: 0px;}
#search_img { margin: 0px; padding: 0px; vertical-align: middle;}
#search_text { margin: 0px; padding: 0px; color: #333333; vertical-align: middle; height: 20px; border: 1px solid #333333;}
/* ナビゲーション */
#navi { height: 45px; margin: 0px 0px 0px 0px; padding: 0px; clear: both;}
/* コンテンツの指定 */
#content { margin: 0px 0px 0px 10px; padding: 0px; background: #FFFFFF; clear: both;}
/* Leftボックス */
#left { width: 210px; margin: 0px; padding: 0px; background: #FFFFFF; float: left;}
#s_blog h3 { width: 200px; height: 30px; background: url(http://www.heiwamedic.com/mt/images/sb_banner.jpg) no-repeat left; margin: 0px 0px 0px 0px; padding: 0px; text-indent: -9999px;}
.banner_box { margin: 5px 0px 0px 0px; padding: 0px;} 
.bnr { margin: 5px 0px 0px 0px; padding: 0px 4px 0px 0px;}
/* Rightボックス */
#right { width: 590px; margin: 5px 0px 0px 0px;; padding: 0px; background: #FFFFFF; float: right;}
#topimg { margin: 0px; padding: 0px 0px 10px 0px;}
#topmain { width: 590px; margin: 0px; padding: 0px; float: left;}

/* 商品リスト */
.syouhinBox1 {width: 586px; margin: 0px 0px 20px 0px; padding: 15px 0px 0px 0px; float: left; background-color: #F0F0F0;}
.photoImg { padding: 6px; float: left; width: 240px;}
.list_text { height: 158px; margin: 0px; vertical-align: middle;}
.t_bar { margin: 8px 0px 0px 0px; padding: 0;}

/* トップページ右サイド */
.centerul { float: left; width: 590px; margin: 8px 0px 0px 0px;}
.centerul dl{ width: 585px; margin: 0px 5px 0px 0px; padding: 0; height: auto; display: block;}
.centerul dt{ float: left; width: 105px; margin-right: 0px; padding: 0;}
.centerul dd{ float: left; width: 480px; margin: 0; padding: 0;}

#newcatalog h3 { width: 570px; height: 30px; background: url(http://www.heiwamedic.com/mt/images/ttnewcatalog.jpg) no-repeat left; margin: 10px 0px 0px 0px; padding: 0px; text-indent: -9999px;}
#pickup h3 { width: 570px; height: 30px; background: url(http://www.heiwamedic.com/mt/images/tpickup.jpg) no-repeat left; margin: 10px 0px 0px 0px; padding: 0px; text-indent: -9999px;}
ul.sideul { margin: 5px; padding: 0px; list-style: circle;}.sideul li { margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.3; list-style: circle;}
.sidelink { margin: 10px 0px 20px 0px; padding: 0px; font-size: 75%; line-height: 1.6; text-align: right;}

/* 商品カタログページタイトル */
.maintt {  width: 590px; height: 30px; margin: 10px 0px 10px 0px; padding:  2px 0px 2px 0px; font-size: 110%; line-height: 1.5; font-weight: normal; text-indent: 10px; vertical-align: middle; color: #FFFFFF; background: url(http://www.heiwamedic.com/mt/images/maintt.jpg) no-repeat ;}
/* 商品カタログページメイン */
#main { width: 570px; margin: 0px; padding: 0px; background: #FFFFFF; float: left;}
.photobox2 { float: left; width: 120px; margin: 8px 0px 0px 0px;}
.photobox2 dl{ float: left; width: 105px; margin: 0px 5px 0px 0px; padding: 0; height: auto; display: block;}
.photobox2 dt { width: 100px; margin: 0px 0px 50px 0px; padding: 0; float: left; display: inline;}
.menu_box1 { width: 570px ; text-align: center; }
.menu_box1 h3 {font-size: 120%; font-weight: normal; line-height: 600%; display: inline;}
.menu_box1 h3 a:link { color: #9966FF; text-decoration: none;}
.menu_box1 h3 a:visited { color: #9966cc; text-decoration: none;}
.menu_box1 h3 a:hover { color: #9966ffFF; text-decoration: underline;}
/* 商品表示ページのレイアウト */
.itemBox { width: 570px; margin-bottom: 15px;}
.itemBox h3 { color: #FFFFFF; margin: 0px 0px 10px 0px; padding: 2px 0px 2px 0px; font-size: 100%; font-weight: normal; text-indent: 10px; vertical-align: middle; background: url(http://www.heiwamedic.com/mt/images/itemname_bg.jpg) no-repeat left top; clear: both;}
.itemBox h3 a:link { color: #FFFFFF; text-decoration: none;}
.itemBox h3 a:visited { color: #FFFFFF; text-decoration: none;}
.itemBox h3 a:hover { color: #FFFFFF; text-decoration: underline;}
.itemLeft { float: left; width: 140px; margin-right: 10px;}
.itemLeft2 { float: left; width: 280px; margin-right: 10px;margin-bottom: 20px;}
.itemShousai { float: left; width: 550px; margin-left: 40px;margin-bottom: 40px;}
.itemRight { float: left; width: 420px;}
.itemRight2 { float: left; width: 280px; margin-top: 20px; margin-bottom: 20px;}
.itemname { color: #9967fe; margin: 0px; padding: 0px;}
.entryBox { margin: 0px 0px 5px 0px; padding: 0px;}
.item { margin-bottom: 10px; background: #F1F1F1;}
.item_tt { color: #00cc33; font-weight: bold; margin: 0px; padding: 0px;}
.item_left { float: left; width: 360px; margin: 0px; padding: 10px;}
.photo_right { float: right; width: 170px; margin: 0px; padding: 10px;}
/*フッター */
#footer { width: 800px; margin: 0px; padding: 0px 0px 0px 0px; clear: both; background: #ffffff ; text-align: center;}
#footerin { width: 800px; font-size: 80%; margin: 0px auto 0px auto; padding: 0px; text-align: left;}
.ftmenu ul { font-size: 78%; margin: 0px; padding: 0px; list-style: none;}
.ftmenu li { margin: 5px 0px 10px 10px; padding: 0px; float: left; list-style: none;}
.ftmenu2 { height: 30px; margin: 0px; padding: 0px; background: #000000 url(http://www.heiwamedic.com/mt/images/footerbg2.jpg) repeat-x; clear: both;}
.ftmenu2 a,.ftmenu2 a:link,.ftmenu2 a:visited { color: #FFFFFF; text-decoration: underline;}
.ftmenu2 a:hover { color: #CCCCCC; text-decoration: none;}
.copy { font-size: 86%; margin: 10px 0px 0px 0px; padding: 0px; text-align: right; clear: both;}

/* ハック */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
/*IE7以外のモダンブラウザ向け*/
.clearfix{display:inline-block;} 
/*IE7およびMacIE5向け*/
/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

*html{
@media screen{
#bg {
width: 840px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
background-image: url(http://www.heiwamedic.com/mt/images/body_bg1.jpg);
background-repeat: repeat-y;}
}

}


/* お問い合せレフト */
.b_toiawase {width: 570px; height: 30px; background: url(img/toiawase_bar.jpg) no-repeat left; margin: 5px 0px 0px 0px; padding: 0px;}
.b_toiawase h3 {text-indent: -9999px;}
.toiawase_photo { margin: 5px 0px 0px 0px; padding: 0px;}
.add_text1 { font-size: 80%; padding: 0px; margin-top: 5px; margin-right: 0px;margin-bottom: 0px; margin-left: 20px;}
.add_text2 { color: #990000; text-align: center;}
.add_text3 { margin-left: 10px;}

/* 製品メニュー角マルフレーム */

#seihin_menu { width: 198px; margin: 5px 0px 0px 0px; padding: 0px;}

#seihin_menu .roundedcornr_box {background: url(img/menu_tl.png) no-repeat top left;}
#seihin_menu .roundedcornr_top {background: url(img/menu_tr.png) no-repeat top right;}
#seihin_menu .roundedcornr_bottom {background: url(img/menu_bl.png) no-repeat bottom left;}
#seihin_menu .roundedcornr_bottom div {background: url(img/menu_br.png) no-repeat bottom right;}
#seihin_menu .roundedcornr_content {background: url(img/menu_r.png) top right repeat-y;}
#seihin_menu h3 {text-indent: -9999px;}


#seihin_menu .roundedcornr_top div,.roundedcornr_top,.roundedcornr_bottom div, .roundedcornr_bottom {width: 100%;height: 15px;font-size: 1px;}
#seihin_menu .roundedcornr_content, .roundedcornr_bottom {margin-top: -19px;}
#seihin_menu .roundedcornr_content { padding: 0 15px; }