/*
Theme Name: kcci
Theme URL: http://www.mec-com.co.jp
Description: meccommunications
Author: Mec
Author URI: http://www.mec-com.co.jp
version: 1.0
*/

/*基本設定-----------------*/
* {margin: 0; padding: 0; list-style-type: none; font-weight: normal; text-align: left}
img {border:none; vertical-align: middle}
body {color: #555; font-size: 0.8em; line-height: 1.2em; text-align: center; background: #FFF url(../../../img/bg.gif) top repeat-x;
	font-family:"Osaka","Verdana", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif"}
body a {color: #0066CC; text-decoration: none}
body a:hover {color: #6633CC; text-decoration: underline}
body strong{font-weight:bold}

/* テーブル-----------------*/
table { empty-cells:show; border-collapse:collapse;border-spacing:0;margin-bottom:1em}
th,td{border:1px solid #999; vertical-align: middle; padding:3px 5px}
.c{background:#F2F2F2}
thead{background:#9FD8F1; color:#444; border:1px solid #888}

/* 左右分けレイアウト-----------------*/
.box {overflow: hidden}
.box:after {content: ""; display: block; clear: both;  height: 1px; overflow: hidden}
/*\*/
* html .box { height: 1em; overflow: visible}
/**/

/*ヘッダー-----------------*/
#head{width:1000px;  margin: 0px auto; text-align: left;font-size:20px; word-spacing:-3px}
html*#head{font-size: 100%; word-spacing:0}
h1,#navi{width:500px; height:65px;float:left}
#small{background:url(../../../img/font-small-on.gif) no-repeat}
#middle{background:url(../../../img/font-middle-on.gif) no-repeat}
#large{background:url(../../../img/font-large-on.gif) no-repeat}
#navi p{text-align:right}
#kensakutx{width:100px; height:18px;  vertical-align: middle; border:1px solid #B2BBC4;/*\*/width:110px; height:20px; /* */}
#kensakubtn{vertical-align: middle}
/* ヘッダーメニュー-----------------*/
#head ul{height: 31px; width:980px}
#head li {float: left}
/* Mac IE 5のみ \*//*/#head ul{float: left}/* Mac IE 5のみ */
#head li a { height: 31px; text-indent: -700em; background-repeat: no-repeat; display: block}
#head li a:hover { background-position: 0px -62px}
/* ヘッダーメニュー個別 */
a#menu01 { background-image: url(../../../img/menu01.gif); width: 40px}
a#menu02 { background-image: url(../../../img/menu02.gif); width: 160px}
a#menu03 { background-image: url(../../../img/menu03.gif); width: 170px}
a#menu04 { background-image: url(../../../img/menu04.gif); width: 140px}
a#menu05 { background-image: url(../../../img/menu05.gif); width: 150px}
a#menu06 { background-image: url(../../../img/menu06.gif); width: 120px}
a#menu07 { background-image: url(../../../img/menu07.gif); width: 170px}

/* 本文-----------------*/
#container {clear:both; width:1000px; margin: 0px auto; text-align: justify}
#container a:hover img{filter:alpha(opacity=75);-moz-opacity:0.75}

/* パンくず-----------------*/
#path {padding:12px; font-size:75%;line-height:15px; color:#999}
#path a { background: url(../../../img/path.gif) no-repeat right; padding-right: 18px}


/*左メニュー-----------------*/
#menu {width:200px; float: left; background:url(../../../img/menu-bg.gif) repeat-y}
#menu h2{ font-size:120%; padding:20px 20px 0px 20px;background:url(../../../img/menu-t.gif) top no-repeat}
#menu h2 a{font-weight:bold}
#menu ul{margin:5px 17px}
#menu p,#menu div{margin:5px 20px}
#menu li a{background: url(../../../img/menu.gif) no-repeat left 0.75em; padding:4px 0px 3px 12px; display: block; _height:1.2em}
#menu li a:hover {background-color:#DDD; text-decoration: none}
#menu li a{background: url(../../../img/menu.gif) no-repeat left 0.75em; padding:4px 0px 3px 12px; display: block; _height:1.2em}
#menu li.current_page_item,#menu li.current-cat,#menu li.current-cat-parent{background-color:#F9F9F9}
#menu li.current_page_parent{background-color:#FFF}
#menu ul li ul{margin:0px;background-color:#FFF}
#menu ul li ul li a{background: url(../../../img/sub.gif) no-repeat left 0.75em; padding:4px 0px 3px 12px; display: block; _height:1.2em}
#menu ul li ul li a:hover {background-color:#DDD; text-decoration: none}
#menu ul li ul li.current_page_item a{background-color:#F9F9F9}
#menu div{background:#FFF; border:2px solid #CCC; padding:7px 0px 7px 7px}
#menu div p,#menu div ul{margin:5px 0px 0px 0px}
#menu div h3{font-size:115%; margin:3px 0}
#menu div li a{padding:3px 0 3px 20px; margin:0}
#menu div li a:hover{text-decoration:underline}
#menu div li#acc a{background:url(../../../img/acc.gif) no-repeat left}
#menu div li#google a{background:url(../../../img/google.gif) no-repeat left}
#menu div li#mail a{background:url(../../../img/mail.gif) no-repeat left}
#menu div span{letter-spacing:-0.1em}
#menu #nyukai{margin:10px 20px }
#menu #aar{margin:0;font-size:80%; padding:5px 0px 15px 20px;background:url(../../../img/menu-b.gif) bottom no-repeat}
#menu #aar img{margin-bottom:3px}
/* 内容-----------------*/
#contents {width:760px;float:right}
#contents h2#title{font-size:240%;font-family:"ＭＳ Ｐ明朝", "L リュウミン L-KL", "細明朝体" ,"平成明朝" , "PMingLiU" ,"Times New Roman" ,"Times" , "serif"; background:url(../../../img/title.gif) top no-repeat; font-weight:bold; color:#333; line-height:65px; padding:0px 20px 5px 20px}
#contents h3{ background:url(../../../img/mi.gif) top repeat-x; font-size:115%; font-weight:bold; line-height:28px; color:#FFF; padding:10px; letter-spacing:1px}
#contents h4{ font-size:180%; line-height:130%;font-weight:bold;color:#3399CC}
#contents h4 a{font-weight:bold}
#contents h5{ font-size:100%;  line-height:125%}
#contents h6{ font-size:80%;  line-height:125%}
#contents p{ line-height:200%}
.ya{background: url(../../../img/ya.gif) no-repeat left; padding-left:10px}
.link{background: url(../../../img/link.gif) no-repeat left; padding-left:18px}
.pdf{background: url(../../../img/pdf.gif) no-repeat left; padding-left:18px}
.mail{background: url(../../../img/mail.gif) no-repeat left; padding-left: 18px}
.tel{background: url(../../../img/tel.gif) no-repeat left; padding-left: 18px}
.data{background: url(../../../img/data.gif) no-repeat left; padding-left: 18px}
.file{background: url(../../../img/file.gif) no-repeat left; padding-left: 18px}
.folder{background: url(../../../img/folder.gif) no-repeat left; padding-left: 18px}
.pencil{background: url(../../../img/pencil.gif) no-repeat left; padding-left: 18px}
.money{background: url(../../../img/money.gif) no-repeat left; padding-left: 18px}
.map{background: url(../../../img/map.gif) no-repeat left; padding-left: 18px}
.new{background: url(../../../img/new.gif) no-repeat left; padding-left: 25px}
.hr{background:url(../../../img/bar.gif) repeat-x bottom; padding-bottom:20px;_padding-bottom:30px; border:none; clear:both}
.gray{background:#F2F2F2; padding:4px 8px}
.waku{border:3px solid #E6E6E6;padding:20px}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.f-left{display: block;float:left}
.f-right{display: block;float:right}
.f-clear{clear:both}


/* 右メニュー-----------------*/
#rmenu{float:right; width:182px; background:url(../../../img/rul.gif);margin-top:10px }
#rmenu h2{font-size:100%; color:#006699; background:url(../../../img/rtitle.gif); line-height:28px; padding-left:8px}
#rmenu ul{padding:5px 5px 17px 5px; background:url(../../../img/rkage.gif) bottom repeat-x}
#rmenu li a{background: url(../../../img/rli.gif) no-repeat left 0.75em; padding:4px 0px 3px 12px; display: block; _height:1.2em}

/* 記事-----------------*/
#kiji{float:left; width:540px}
#kiji h3{margin-bottom:1em}
#kiji h4,#kiji h5,#kiji p,#kiji ul{margin:0px 20px}
#kiji h4{padding-bottom:0.25em; clear:both}
#kiji h5{margin-bottom:0.25em; padding:2px 5px; font-size:115%;font-weight:bold; background:#EBF8FB; clear:both}
#kiji h6{text-align:right;padding:0 20px 30px 20px; background:url(../../../img/bar.gif) bottom repeat-x; margin-bottom:20px; clear:both}
#kiji ul{ border:3px solid #E6E6E6; margin-bottom:2em; padding:8px 16px 13px 16px}
#kiji li{line-height:1.4em; margin-top:0.5em}
#kiji p{line-height:1.8em; margin-bottom:2em}

/* 緊急告知-----------------*/
#kinkyu .kiji h3{margin-bottom:0.5em}
#kinkyu h4{padding:20px 30px 0px 30px; font-size:180%; font-weight:bold;font-family:"ＭＳ Ｐ明朝", "L リュウミン L-KL", "細明朝体" ,"平成明朝" , "PMingLiU" ,"Times New Roman" ,"Times" , "serif"}
#kinkyu .kiji h5{background:url(../../../img/h5-1.gif) no-repeat left ;padding:0 0 0 20px ;color:#FF8800}
#kinkyu .kiji ul,#contents .kiji ol{ background:#EBF8FB; padding:4px 8px; margin-bottom:1em}
#kinkyu .kiji div{padding:0;border:none}
#kinkyu .kiji p.kome{padding-left:1em; text-indent:-1em;line-height:1.4em}



#contents .kiji {padding:20px 30px;_padding:20px 30px 30px 30px; background:url(../../../img/bar.gif) bottom repeat-x}
#contents .kiji{overflow: hidden}
#contents .kiji:after {content: ""; display: block; clear: both;  height: 1px; overflow: hidden}
#contents .kiji { _height: 1em; _overflow: visible}
#contents .kiji h4{ padding:0 0 0.25em 0}
#contents .kiji h5{margin-bottom:0.25em; padding:2px 5px; font-size:115%;font-weight:bold; background:#EBF8FB; clear:both}
#contents .kiji p{line-height:1.8em; margin-bottom:1em}
#contents .kiji ul,#contents .kiji ol{ background:#F2F2F2; padding:4px 8px; margin-bottom:1em}
#contents .kiji li{margin:0.25em 0; line-height:150%}
#contents .kiji ol li{ margin:0.25em 0 0.25em 2em; list-style:decimal outside;}
#contents .kiji ul li{ margin:0.25em 0 0.25em 1.5em;  list-style:square}
#contents .kiji dt{margin-top:1.5em}
#contents .kiji dd{margin-top:0.25em; line-height:150%;padding:4px 8px; background:#F2F2F2}
#contents .kiji div{border:3px solid #E6E6E6;padding:20px; margin-bottom:1em}
#contents .kiji b{color:red; font-weight:bold}
#contents .toi{margin:20px 30px; padding:10px 20px; background:#FFFF99;border:1px solid #FFCC66}
#contents .toi h3{background:none;padding:0; color:red;background: url(../../../img/toi.gif) no-repeat left; padding-left:25px; font-size:125%}
#contents .toi p{line-height:1.4em}
#contents .kiji .toi{margin:20px 0px; padding:10px 20px; background:#FFFF99;border:1px solid #FFCC66}
#contents .kiji .toi h3{background:none;padding:0; color:red;background: url(../../../img/toi.gif) no-repeat left; padding-left:25px; font-size:125%}
#contents .kiji .toi p{line-height:1.4em;margin:0}


/* コメント-----------------*/
#comments p{margin-bottom:1em}
#comments h6{padding:0 20px 20px 20px; margin-bottom:10px}

/* 上へ-----------------*/
.uehe {margin: 0px auto; clear:both}
.uehe a{display:block;text-align:right; padding:10px}
.uehe a:hover{background:#E6E6E6; text-decoration:none}

/* 編集する-----------------*/
p.hensyu{margin:8px; text-align:center}
.hensyu a {background:#FFFF99; border:1px solid #FFCC66; color:#993300; padding:0px 5px; ;text-decoration: none}
.hensyu a:hover{background:#FFCCCC; border:1px solid #FF9999; color:#660000; text-decoration:none}


/* フッター-----------------*/
#foot{ background:url(../../../img/footbg.gif) top repeat-x; text-align:center;  padding-bottom:10px; clear:both}
#foot ul {width:1000px; margin: 0px auto; text-align: justify; line-height:25px}
#foot li {display: inline; float:left}
#foot li a {color:#FFF;  padding:0 10px; border-left:1px solid #FFF}
#foot p{ color:#666666; width:980px; margin: 0px auto; text-align: justify;clear:both}
#foot #copyright{font-size:80%; color:#999999}