@charset "shift_jis";
/*基本設定-----------------*/
* {margin: 0; padding: 0; list-style-type: none; font-weight: normal}
img {border:none; vertical-align: middle}
body {color: #333333; font-size: 12px; line-height: 20px; text-align: center;
	font-family:"Osaka","Verdana", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif"}
body a {color: #0066FF;text-decoration: none;}
body a:hover {color: #FF6600; text-decoration: underline}
b {font-weight: normal} 
em {font-style: normal} 
table {font-size:12px; line-height: 20px; empty-cells:show}
table td{vertical-align: middle}
table a{color: #0066FF;text-decoration: none}
table b {font-weight: normal} 
table em {font-style: normal} 
h1,h2,h3,h4,h5,h6{ font-size: 12px; line-height: 20px;font-weight: normal}
/* 左右分けレイアウト-----------------*/
.box {overflow: hidden}
.box:after {content: ""; display: block; clear: both;  height: 1px; overflow: hidden}
/*\*/
* html .box { height: 1em; overflow: visible}
/**/

/*ヘッダー-----------------*/
#head{width:800px; margin: 0px auto; text-align: justify; background-color: #FFFFFF; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC}
h1{ background-color: #CCCCCC; word-spacing:5px; text-indent:10px}
#mail{text-align:right; margin:-20px 10px 0px 0px}
#mail a{ background: url(img/mail.gif) no-repeat;padding-left:22px}
h2 img{margin:0px 10px; vertical-align: baseline}
#head table{width:780px; margin-top:10px;; vertical-align: baseline}
#tel{width:200px;text-align:right; line-height;10px;}

/* ヘッダーメニュー-----------------*/
#head ul{height: 62px; padding:0px 18px; background: url(img/menu_bg.gif); text-align:center;}
#head ul li {float: left; margin-top:10px}
#head ul li a { height: 42px; text-indent: -700em; background-repeat: no-repeat; background-position: 0px 0px; display: block}
#head ul li a:hover { background-position: 0px -42px}
#head ul li a.on { background-position: 0px -42px}
/* ヘッダーメニュー個別 */
a#menu01 { background-image: url(img/menu01.gif); width: 74px}
a#menu02 { background-image: url(img/menu02.gif); width: 104px}
a#menu03 { background-image: url(img/menu03.gif); width: 140px}
a#menu04 { background-image: url(img/menu04.gif); width: 89px}
a#menu05 { background-image: url(img/menu05.gif); width: 144px}
a#menu06 { background-image: url(img/menu06.gif); width: 90px}
a#menu07 { background-image: url(img/menu07.gif); width: 118px}

/* フッター-----------------*/
#foot{width:800px;  margin: 0px auto; padding:0px; text-align: left; background-color:#FFFFFF; border:1px solid #CCCCCC; border-top:0px}
#foot ul { background-color: #E6E6E6; line-height:12px; padding:6px; text-align: center;}
#foot li {display: inline; margin-left:3px}
#foot li a {border-right:1px solid #666666; padding-right: 6px}
#foot li a#home { border-left:1px solid #666666; padding-left: 6px}
#name{margin:5px 0px 0px 10px; font-size:14px}
#data{margin:0px 0px 5px 10px; word-spacing:10px}
#copyright{font-size:10px; width:800px;  margin: 0px auto; text-align: left; color:#666666}

/* 上へ-----------------*/
#uehe{text-align:right; margin-right:10px}
#uehe a{ background:url(img/uehe.gif) no-repeat;  padding-left:12px}

/* 本文-----------------*/
#main{width:800px; margin: 0px auto; text-align: justify;  background: url(img/bg.gif) repeat-y left ; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;padding-bottom:5px}
/* 枠-----------------*/
#menu {width:190px; float: left}
#honbun {width:560px; float: right; margin:15px; _margin:15px 8px}
#honbun h3{background: url(img/title_bg.gif) repeat-y left ; border-bottom:1px solid #BFBFBF; padding-left:15px; font-size:16px; margin-bottom:5px; color:#003399; letter-spacing:1px}
#honbun h4{font-size: 16px; margin:30px 0px 10px 0px; color:#003399}
#honbun h5{font-size: 16px; margin:30px 0px 10px 0px; color:#003399}

/*左メニュー-----------------*/
#menu ul{margin:10px; line-height:24px}
#menu li{margin-top:1px; border-bottom:1px solid #D9D9D9}
#menu li a{background: url(img/lmenu.gif) no-repeat 3px 10px; padding-left:12px; height:24px; display: block; color:#333333}
#menu li a:hover {background-color: #E6E6E6; text-decoration: none}

/*イメージ回り込み-----------------*/
.img-r{float:right; margin:5px 0px 0px 20px}
.img-l{float:left; margin:5px 0px 0px 20px}