@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px; line-height:1.3em;}
img{border:0;}

/* -----------clearfix------------ */
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* for ie */
.clearfix{ display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix{ height: 1%;}
.clearfix{ display: block;}
/* End hide from IE-mac */
input, textarea, select {font-size:100%;}

/*　汎用：各種マージン、パディング　*/
/* マージン：5px */
.mgn { margin: 5px 5px 5px 5px;}
.mgn_b { margin-bottom: 5px;}
.mgn_t { margin-top: 5px;}
.mgn_l { margin-left: 5px;}
.mgn_r { margin-right: 5px;}
.mgn_bt{ margin-bottom: 5px; margin-top:5px;}
.mgn_lr{ margin-left:5px; margin-right:5px;}

/* マージン：10px */
.mgn10 { margin: 10px 10px 10px 10px;}
.mgn10_b { margin-bottom: 10px;}
.mgn10_t { margin-top: 10px;}
.mgn10_l { margin-left: 10px;}
.mgn10_r { margin-right: 10px;}
.mgn10_bt{ margin-bottom: 10px; margin-top:10px;}
.mgn10_lr{ margin-left:10px; margin-right:10px;}

/* マージン：20px */
.mgn20 { margin: 20px 20px 20px 20px;}
.mgn20_b { margin-bottom: 20px;}
.mgn20_t { margin-top: 20px;}
.mgn20_l { margin-left: 20px;}
.mgn20_r { margin-right: 20px;}
.mgn20_bt{ margin-bottom: 20px; margin-top:20px;}
.mgn20_lr{ margin-left:20px; margin-right:20px;}

/* マージン：30px */
.mgn30 { margin: 30px 30px 30px 30px;}
.mgn30_b { margin-bottom: 30px;}
.mgn30_t { margin-top: 30px;}
.mgn30_l { margin-left: 30px;}
.mgn30_r { margin-right: 30px;}
.mgn30_bt{ margin-bottom: 30px; margin-top:30px;}
.mgn30_lr{ margin-left:30px; margin-right:30px;}

/* パディング：5px */
.pdg { padding:5px 5px 5px 5px;}
.pdg_b { padding-bottom: 5px;}
.pdg_t { padding-top: 5px;}
.pdg_l { padding-left: 5px;}
.pdg_r { padding-right: 5px;}
.pdg_bt{ padding-bottom: 5px; padding-top: 5px;}
.pdg_lr{ padding-left: 5px; padding-right: 5px;}

/* パディング：10px */
.pdg10 { padding:10px 10px 10px 10px;}
.pdg10_b { padding-bottom: 10px;}
.pdg10_t { padding-top: 10px;}
.pdg10_l { padding-left: 10px;}
.pdg10_r { padding-right: 10px;}
.pdg10_bt{ padding-bottom: 10px; padding-top: 10px;}
.pdg10_lr{ padding-left: 10px; padding-right: 10px;}

/* パディング：20px */
.pdg20 { padding:20px 20px 20px 20px;}
.pdg20_b { padding-bottom: 20px;}
.pdg20_t { padding-top: 20px;}
.pdg20_l { padding-left: 20px;}
.pdg20_r { padding-right: 20px;}
.pdg20_bt{ padding-bottom: 20px; padding-top: 20px;}
.pdg20_lr{ padding-left: 20px; padding-right: 20px;}

/* テキスト18～10px */
.txt_18 { font-size: 16px; line-height: 1.4em;}
.txt_16 { font-size: 16px; line-height: 1.4em;}
.txt_14 { font-size: 14px; line-height: 1.4em;}
.txt_12 { font-size: 12px; line-height: 1.3em;}
.txt_10 { font-size: 10px; line-height: 1.3em;}

/*　フロート関連　*/
.fc{clear:both;}
.fl{float:left;}
.fr{float:right;}

/*　個別タグ要素　*/
a:link { text-decoration: none; color: #0066ff;}
a:visited{ text-decoration: none; color: #0066ff;}
a:hover { text-decoration: underline; color: #0066ff;}
a:active{ text-decoration: underline; color: #0066ff;}
a.blank{background:url(/hanyu/common/img/icn_blank.gif) no-repeat right 2px; padding-right:20px;}
a.pdf{background:url(/hanyu/common/img/icn_pdf.gif) no-repeat right 2px; padding-right:20px;}

sup { vertical-align:text-top;}
sub { vertical-align:text-bottom;}

h1{margin:0; padding:0;}
h2{background:url(/hanyu/common/img/h2_bg.gif) repeat-x; margin-bottom:20px; padding:9px 12px 0; height:29px; font-size:20px; font-weight:normal; border-left:#CCC solid 1px; border-right:#CCC solid 1px; clear:both;}
h3{background:url(/hanyu/common/img/h3_bg.gif) no-repeat; margin:20px 0 0 10px; height:29px; padding:9px 0 0 16px; font-size:16px; font-weight:normal;}
h3 span{font-size:12px; line-height:1.1em;}
h4{border-bottom:#999 dotted 2px; font-size:14px; margin:30px 20px 0 20px;}

#wrapper{width:100%;}
#header{margin-left:auto; margin-right:auto; width:960px;}
#g_navi{background:url(/hanyu/common/img/g_navi_bg.gif) repeat-x; height:34px; text-align:center;}
#g_navi ul{margin-left:auto; margin-right:auto;}
#g_navi li{display:inline;}
#pankuzu{background:url(/hanyu/common/img/pankuzu_bg.gif) repeat-x; height:22px;}
#pankuzu ul{margin-left:auto; margin-right:auto; width:960px;}
#pankuzu li{list-style:none; display:inline; padding-right:6px; line-height:1.8em; font-size:12px;}
#pankuzu li a{background:url(/hanyu/common/img/icn_arrow_mini.gif) no-repeat right 6px; padding-right:10px; font-size:12px; margin-right:6px;}
#contents{margin-left:auto; margin-right:auto; width:960px; margin-top:20px; margin-bottom:20px;}
#s_navi{width:180px; float:left; background:url(/hanyu/common/img/snavi_bg.gif) repeat-y; margin-bottom:30px;}
#s_navi li{list-style:none; background:url(/hanyu/common/img/snavi_dotline.gif) no-repeat bottom; padding:6px 0 7px; *padding:5px 0 0; margin:0;}
#s_navi li.end{background:none;}
#s_navi li.act{margin-left:6px; display:block;}
#s_navi li a{display:block; margin-left:6px;}
#s_navi ul.sub{margin:8px 0 0 0; *margin:0; *padding:0 0 8px 0;}
#s_navi ul.sub li{list-style:none; background:none; padding:5px 0 0 3px;}
#s_navi ul.sub a{background:url(/hanyu/common/img/icn_snavi_submenu.gif) no-repeat 0 3px; font-size:14px; padding:0 0 0 9px; color:#333;}
#s_navi ul.sub li.act{margin:3px 0 0 9px; background:url(/hanyu/common/img/icn_snavi_submenu.gif) no-repeat 0 3px; font-size:14px; padding:0 0 0 8px; color:#03C; font-weight:bold;}
#page_top{background:url(/hanyu/common/img/page_top_bg.gif) no-repeat; height:17px; text-align:right; padding-right:15px; margin-top:20px; clear:both;}
#footer{background:url(/hanyu/common/img/footer_bg.gif) repeat-x; height:41px; padding-top:9px; clear:both;}
#footer ul{margin-left:auto; margin-right:auto; width:960px; margin-bottom:6px;}
#footer li{list-style:none; display:inline;}
#footer a{padding-left:16px; background:url(/hanyu/common/img/icn_arrow.gif) no-repeat 0 3px; _background:url(/hanyu/common/img/icn_arrow.gif) no-repeat; font-size:12px; line-height:1.3em; color:#FFF;}
#footer .cr{width:960px; margin:0 auto 0 auto; padding:4px; font-size:80%; line-height:1.2em;}

#contents_top{margin:0 auto 20px auto; width:840px; background:url(/hanyu/common/img/top_viz_bg.jpg) no-repeat center 0px; padding:20px 0 0;}

#contents_top .btnline_1{margin-left:15px;}
#contents_top .btnline_2{margin-left:15px;}
#contents_top .btnline_3{margin:0 0 0 15px;}
#contents_top .btnline_3 img{float:right; margin:0 5px 10px 0;}
#contents_top .btnline_3 #news{margin:0 0 10px 0; height:75px; padding-top:5px; width:605px;}
#contents_top .btnline_3 #news h4{margin:0 0 5px 5px; padding-bottom:3px;}

#contents_top #news dl{margin:0 0 10px 10px; display:block;}
#contents_top #news dt{float:left; width:100px; padding-left:18px; background:url(/hanyu/common/img/icn_arrow_clear.png) no-repeat 5px 3px;}
#contents_top #news dd{float:left; width:470px; font-size:14px; height:20px;}
#contents_top #news dd img{display:inline; margin:0 0 0 5px; float:none;}



#main{float:right; margin-bottom:30px; width:760px; background:url(/hanyu/common/img/main_bg.gif) repeat-y;}
#main p{margin-left:10px;}

#main #newsdate{text-align:right; font-size:12px; margin-bottom:20px; padding-right:10px;}

#main .tbl_01{margin:0 auto 20px; border-collapse:separate; border-spacing:2px;}
#main .tbl_01 th{width:100px; text-align:center; padding:6px; background-color:#DDD;}
#main .tbl_01 td{border-bottom:#09C dotted 1px; padding:6px;}
#main .tbl_01 td img{margin-bottom:5px;}

#main .tbl_02{margin:5px 20px 20px; border-collapse:separate; border-spacing:2px; table-layout:fixed;}
#main .tbl_02 th{background:#CFF; font-weight:normal; padding:3px 5px 1px; border:#AAA solid 1px;}
#main .tbl_02 td{padding:3px 5px 1px; border-bottom:#AAA dotted 1px; font-size:12px;}

#main #eco{background:url(/hanyu/common/img/eco_main_bg.jpg) no-repeat; padding:20px; width:718px; margin-left:1px;}
#main #eco ol, #main #qp ol{margin:30px;}
#main #eco ol li, #main #qp ol li{margin-bottom:10px;}

#main #qp{background:url(/hanyu/common/img/qp_main_bg.jpg) no-repeat 0 30px; padding:20px 20px 0; width:718px; margin-left:1px;}

.photo{margin:0 10px 20px; float:right; text-align:center;}
.photo img{margin-bottom:5px;}
.shishin{margin:10px 30px 20px; font-weight:bold; line-height:1.8em;}
.call{margin:20px 0 30px; text-align:center;}
.lead{margin-left:10px; font-size:14px; font-weight:bold;}

.prod_box{width:750px; margin:20px 0 10px 10px;}
.prod_box h3{ margin:0;}
.prod_box h4{ margin:5px 10px 10px 5px;}
.prod_box h4 span{font-size:12px;}
.prod_box p{padding-right:10px; font-size:16px;}
.prod_box p span.txt_red{font-size:12px; color:#D00;}
.prod_box_l{float:left; width:365px; margin:0 10px; _margin:0 5px; text-indent:0.5em; *text-indent:0;}
.prod_box_r{float:right; width:365px; margin-right:10px; _margin-right:5px; text-indent:0.5em; *text-indent:0;}
.prod_box_l h4, .prod_box_r h4{margin:10px 0 0;}
.prod_box_l h4 span, .prod_box_r h4 span{font-size:12px; margin:0;}

ul.prod{margin:10px 0 0 50px;}
ul.prod li{list-style:none; padding-left:18px; margin-bottom:5px; background:url(/hanyu/common/img/icn_li_01.gif) no-repeat 0 3px; font-size:16px;}
ul.prod ul{margin:5px 0;}
ul.prod ul li{background:url(/hanyu/common/img/icn_li_04.gif) no-repeat 0 1px; font-size:14px;}

ul.out{margin:10px 0 0 10px;}
ul.out li{list-style:none; padding-left:18px; margin-bottom:5px; background:url(/hanyu/common/img/icn_li_01.gif) no-repeat 0 3px; font-size:16px;}
ul.out ul{margin:5px 0 5px 0;}
ul.out ul li{background:url(/hanyu/common/img/icn_li_04.gif) no-repeat 0 1px; font-size:14px;}

.actibity{width:740px; margin:10px 10px 30px;}
.actibity dt{width:300px; margin-right:10px; float:left;}
.actibity dd{width:430px; float:right;}
.actibity dd.long{width:730px;}

dl.tel_no{width:600px; background:url(/hanyu/common/img/tel_no_bg.gif) no-repeat; height:33px; margin:0 0 20px 80px;}
dl.tel_no dt{float:left; color:#F9F9F9; font-size:14px; font-weight:bold; padding:8px 10px 0; width:210px; text-align:left;}
dl.tel_no dd{float:left; color:#444; font-size:14px; font-weight:bold; padding:8px 10px 0 20px; width:340px; text-align:left;}

#wp h3{margin-bottom:5px;}
#wp p{padding:0 10px 0 20px; line-height:1.5em;}
#wp ol{margin:5px 0 0 5em;}

#char_bg{margin:0 10px;}