/* 文字コード */
@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;
}

.clear {
	clear: both;
}
#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 0px; 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: 0px; padding: 0px; background: #FFFFFF; float: left;}
#topimg { margin: 0px; padding: 0px 0px 10px 0px;}
#topmain { width: 590px; margin: 0px; padding: 0px; float: left;}
#right h1 { font-size: 160%;}
#right h2 { font-size: 140%;}
#right td {font-size: 80%; }
/* 商品リスト */
.syouhinBox1 {width: 586px; margin: 0px 0px 10px 0px; padding: 15px 0px 0px 0px; float: left; background-color: #F0F0F0;}
.photoImg { padding: 6px; float: left; width: 240px;}
.listRight { padding: 6px;}
.list_text { height: 152px; margin: 0px; vertical-align: middle;}
.t_bar { margin: 8px 0px 0px 0px; padding: 0;}
.t_bar h2 {background-image: url(http://www.heiwamedic.com/mt/images/t_button.png); background-repeat: no-repeat; text-indent: 40px;font-size: 140%; line-height: 44px; font-weight: bold;color: #00008a;vertical-align: baseline; letter-spacing: 5px;}
.oem_text { margin: 10px;}


/* トップページ右サイド */
.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 ;}

.maintt_b {  width: 590px; height: 30px; margin: 10px 0px 10px 0px; padding: 0px; }

/* 商品カタログページメイン */
#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: 0px 0px 15px 0px;}
.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: 260px; margin: 0px 10px 5px 0px; padding: 0px;}
.itemShousai { font-family: "ＭＳ ゴシック", "Osaka－等幅"; float: left; width: 500px; margin-left: 20px;margin-bottom: 20px;}
.itemRight { float: left; width: 420px;}
.itemRight2 { float: left; width: 270px; margin: 20px 0px 5px 0px; padding: 0px;}
.itemname { color: #9967fe; margin: 0px; padding: 0px;}
.entryBox {margin: 0px 0px 5px 0px; padding: 0px;}
.entryBox2 {float: left; width: 420px; 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: 5px;}
.photo_right { float: right; width: 170px; margin: 0px; padding: 5px;}
/*フッター */
#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;}
}

}
/* メールフォーム */
.comments-open-content { margin: 20px 20px 20px 20px; padding: 5px;}
/* ブログ */
#blogBox { margin: 0px; padding: 0px;}
#blogBox h2 { font-size: 100%; line-height: 100%; text-indent: -9999px;background-image: none;}
#blogBox .blog_tittle {font-size: 130%;}
#blogBox .blog_date {font-size: 100%; text-indent: 10px;}
#blog_right { width: 590px; margin: 0px; padding: 0px; float: right;}
#comment-header { font-size: 112%; font-weight: bold;color: #996600;}
#page-title {font-size: 180%; line-height: 200%; text-indent: 10px; font-weight: bold;color: #996600;}
.h2 {font-size: 112%; line-height: 120%; font-weight: bold;color: #996600;}
.h3 {font-size: 92%; line-height: 120%; font-weight: bold;color: #996600;}


/* 角マルフレーム */
#new_blog { width: 198px; margin: 5px 0px 15px 0px; padding: 0px;}

#new_blog .roundedcornr_box {background: url(images/roundedcornr_tl.png) no-repeat top left;}
#new_blog .roundedcornr_top {background: url(images/roundedcornr_tr.png) no-repeat top right;}
#new_blog .roundedcornr_bottom {background: url(images/roundedcornr_bl.png) no-repeat bottom left;}
#new_blog .roundedcornr_bottom div {background: url(images/roundedcornr_br.png) no-repeat bottom right;}
#new_blog .roundedcornr_content {background: url(images/roundedcornr_r.png) top right repeat-y;}
#new_blog h3 { text-indent: -9999px;}


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

#new_blog .roundedcornr_content { padding: 0 15px; }
#new_blog .sideul { font-size: 94%; margin: 2px 0px 3px 0px; padding: 3px 0px 3px 15px;}

/* 製品メニュー角マルフレーム */
#seihin_menu { width: 198px; margin: 5px 0px 0px 0px; padding: 0px;}

#seihin_menu .roundedcornr_box {background: url(images/menu_tl.png) no-repeat top left;}
#seihin_menu .roundedcornr_top {background: url(images/menu_tr.png) no-repeat top right;}
#seihin_menu .roundedcornr_bottom {background: url(images/menu_bl.png) no-repeat bottom left;}
#seihin_menu .roundedcornr_bottom div {background: url(images/menu_br.png) no-repeat bottom right;}
#seihin_menu .roundedcornr_content {background: url(images/menu_r.png) top right repeat-y;}
#seihin_menu h3 { font-size: 110%; }


#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; }
#seihin_menu .sideul { font-size: 94%; margin: 2px 0px 3px 0px; padding: 3px 0px 3px 15px;}
#seihin_menu li { text-indent: 20px;}
#seihin_menu .tab { text-indent: 40px;}

/* 会社メニュー角マルフレーム */
#company_menu { width: 198px; margin: 5px 0px 0px 0px; padding: 0px;}

#company_menu .roundedcornr_box {background: url(images/menu1_tl.png) no-repeat top left;}
#company_menu .roundedcornr_top {background: url(images/menu1_tr.png) no-repeat top right;}
#company_menu .roundedcornr_bottom {background: url(images/menu1_bl.png) no-repeat bottom left;}
#company_menu .roundedcornr_bottom div {background: url(images/menu1_br.png) no-repeat bottom right;}
#company_menu .roundedcornr_content {background: url(images/menu1_r.png) top right repeat-y;}
#company_menu h3 { font-size: 110%; text-indent: -9999px; }


#company_menu .roundedcornr_top div,.roundedcornr_top,.roundedcornr_bottom div, .roundedcornr_bottom {width: 100%;height: 15px;font-size: 1px;}
#company_menu .roundedcornr_content, .roundedcornr_bottom {margin-top: -19px;}
#company_menu .roundedcornr_content { padding: 0 15px; }
#company_menu .sideul { font-size: 94%; margin: 2px 0px 3px 0px; padding: 3px 0px 3px 15px;}
#company_menu li { text-indent: 20px;}
#company_menu .tab { text-indent: 40px;}
.gaiyou_text { width: 570px; padding:3px;}
.gaiyou {color: #FFFFFF; letter-spacing: 2em;}
.gaiyou2 {color: #FFFFFF; letter-spacing: 3px;}
.gaiyou3 {color: #FFFFFF;}

.companyBox1{width: 580px; margin: 0px 0px 20px 0px; padding: 15px 0px 15px 10px; float: left; background-color: #F0F0F0;}
.company_menuphoto { margin: 5px 0px 0px 0px; padding: 0px;}
.company_menutext1 { font-size: 80%; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px;}
.company_t { width: 565px; margin: 0px 0px 10px 0px; padding: 0px;}

.company_text1 { margin: 10px 0px 10px 10px; padding: 0px;}
.syachou_text { width: 550px; padding:3px; border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #9D9FF7;
	border-right-color: #9D9FF7;
	border-bottom-color: #9D9FF7;
	border-left-color: #9D9FF7;}
.syachou_photo {width: 180px; margin: 10px 10px 20px 10px; float: left;}
.syachou_rireki {width: 300px; margin: 10px 10px 20px 10px;color: #330099; float: left;}
.googlemap { width: 560px; margin: 0px; padding: 0px 0px 0px 30px;}


/* リクルートメニュー角マルフレーム */
#company_menu .roundedcornr_box2 {background: url(images/menu2_tl.png) no-repeat top left;}
.recruitBox1 {width: 570px; margin: 0px 0px 20px 0px; padding: 5px 5px 15px 5px; float: left; background-color: #F0F0F0;}
.title_recruit { margin: 20px 0px 0px 0px;}
.title_recruit h2 { font-size: 90%; text-indent: -9999px;}
.recruit_t {letter-spacing: 3px; text-indent: 10px;padding: 3px 0px 1px 0px; width: 570px;font-size: 110%; color: #FFFFFF; background-color: #00008b; valign="middle"}
.rectext_top {margin: 8px 4px 0px 4px;}
.rec_Box {width: 269px;height: 216px; float: left; margin: 4px;}
.title_recruit h3{ font-size: 110%; line-height: 120%; color: #330099;font-family: "ＭＳ ゴシック", "Osaka－等幅"; font-weight: normal;}
.faceBox {width: 180px;height: 200px; float: left; margin: 10px;}
.faceBox2 {width: 340px;height: 200px; float: left; margin: 5px; padding: 20px 0px 0px 20px; color: #330099;}

/* リクルート先輩紹介 */
.rec_photo { float: left; width: 180px;height: 200px; margin: 5px 0px 0px 10px; padding: 0px;}
.rec_name { float: left; width: 250px;height: 200px; margin: 50px 0px 0px 10px; padding: 0px; color: #3366ff;}
.s_text1 { float: left; width: 290px; margin: 0px 5px 5px 5px; padding: 0px;}
.s_photo1 { float: left; width: 250px; margin: 0px 5px 5px 5px; padding: 0px;}
.s_photo2 { float: left; width: 250px; margin: 0px 5px 5px 5px; padding: 0px;}
.s_text2 { float: left; width: 290px; margin: 0px 5px 5px 5px; padding: 0px;}


/* カテゴリ・テンプレート */
.entry-categories h4{font-size: 92%; line-height: 120%; font-weight: bold;color: #996600;}
.entry-categories ul{font-size: 92%; }
/* タグ・テンプレート */
.entry-tags h4{font-size: 92%; line-height: 120%; font-weight: bold;color: #996600;}
.entry-tags ul{font-size: 92%; }
/* トラックバック・テンプレート */
#trackbacks h2{font-size: 92%; line-height: 120%; font-weight: bold;color: #996600;}
/* コメント・テンプレート */
#comments h2{font-size: 92%; line-height: 120%; font-weight: bold;color: #996600;}

/* FAQ */
#faq {width: 550px; margin: 0px 0px 0px 20px; padding: 0px; background: #FFFFFF; float: left;}
.qa1 { font-size: 100%;	line-height: 180%; color: #330099; letter-spacing: 1px;	list-style-position: inside; list-style-image: url(../images/q.png); width: 60px; margin: 0px;	padding: 0px; float: left; text-align: left;}
.qa2 { font-size: 100%;	line-height: 180%; color: #330099; letter-spacing: 1px;	list-style-position: inside; list-style-image: url(../images/q.png);width: 480px; margin: 0px;	padding: 0px; float: left;}
.qa3 { font-size: 100%;	line-height: 180%; color: #330099;letter-spacing: 1px;list-style-position: inside;list-style-image: url(../images/q.png);width: 60px;	margin:  0px 0px 0px 30px;padding: 0px;float: left;	text-align: left;}
.qa4 {font-size: 100%;line-height: 180%;letter-spacing: 1px;list-style-position: inside;list-style-image: url(../images/q.png);width: 400px;margin: 0px 0px 10px 0px;padding: 0px;float: left;}