@charset "UTF-8";

*{ margin: 0; padding: 0; border:0; font-size:1em; font-family:Meiryo UI, "メイリオ", 'Sylfaen'; }

html{ background-color:#FFF; height:100%; background-repeat:repeat-y; background-position:center; background-color:#FCF9F1; }

body{ text-align: center; background-position:center; background-repeat:repeat-y; padding-bottom:35px; }

#footArea{ position: fixed !important; position: absolute; bottom:0px; width:100%; text-align:center; background-image:url(../images/bg/black20.png); color:#FFF; padding:5px 0px; border-top:1px solid #000; z-index:100; font-size:0.6em; min-width:900px; }

div#example{ text-align: center; width:900px; margin:0px auto; padding-bottom:30px; border-left:1px solid #BBB; border-right:1px solid #BBB; background-color:#FFF; text-align:left; border-top:1px solid #BBB; border-bottom:1px solid #BBB; }

#navp{ width:100%; border-top:5px solid #FFF; text-align:center; }

#nav{ width:900px; text-align:left; overflow: visible; background-color:#FCF9F1; margin:0px auto; background-image:url(../images/logo/head5.png); background-position:left; background-repeat:no-repeat; }

#nav ul { list-style-type: none; overflow: hidden; }
#nav ul li { border:none; float:right; }
#nav ul li a { color:black; text-decoration: none; text-align: center; display: block; line-height:20px; padding:0px 20px; margin:0px 0px; color:#000; font-size:0.8em; border-bottom:4px solid #DDD; background-color:#FFF; }
#nav ul li a:hover { background-repeat:no-repeat; background-position:center; color:#ccc; border-bottom:4px solid #099; }

#nav2{ float:right;	margin:5px 0px; }
#nav2 ul { list-style-type: none; }
#nav2 ul li { border:none; float:right; border-left:1px dotted #BBB; }
#nav2 ul li a { text-align: left; display: block; padding:0px 5px; color:#000; font-size:0.7em; }
#nav2 ul li a:hover { text-decoration: underline; color:#099; }

table{ font-size:0.8em; }

h1{	font-size:1.5em; font-style: normal; text-align:left; color:#FFF; padding:10px; }
h2{ color:#555;	font-size:2em;}
h3{ color:#666;	font-style: normal;	font-size:1em;	height:26px; padding-top:5px; }
h4{ top:0px; font-size:1.1em; color:#333; padding:5px; background-image:url(../images/bg/white50.png); margin-bottom:200px; }
h5{}

a{ text-decoration:none; color: #099; outline:none; }
a:hover { text-decoration: underline; color: #663; }

td#iii{ padding:5px; border-bottom:1px dotted #777; }
td#jjj{ padding:5px; border-bottom:1px dotted #777; border-left:1px dotted #777; vertical-align:middle; }

td#mmm{ border-bottom:1px dotted #777; padding:5px 0px; }
td#mmm a{ text-decoration:none; display:block; width:100%; color: #099; }
td#mmm a:hover{ background-color:#ECF4F0; text-decoration:none; display:block; width:100%; color: #099; }


.top { margin:0px auto; width:900px; height:300px; border-bottom:1px solid #DDD; list-style:none; }
.top li { position:absolute; }

img.lnk{ border:1px solid #CCC; text-decoration:none; cursor:pointer; }
img.lnk:hover{ border:1px solid #099;}

.photo { text-align:left; list-style:none; margin-bottom:2px; height:160px; }
.photo li { position:absolute; }

.text1 { width:250px; height:5em; margin:0px auto; text-align:left; list-style:none; }
.text1 li { position:absolute; }
.text1 li p.cap { font-size:0.8em; font-weight: bold; width:250px;}
.text1 li p.det { font-size:0.7em; width:250px; }

/* labelにポイントしたとき、マウスカーソルを変える */
label { overflow: hidden; width:200px; cursor: pointer; }

form #name { background-color: #E3EEDD; padding:3px; width:300px; }
form #mail { background-color: #E3EEDD; padding:3px; width:300px; }
form #tel { background-color: #E3EEDD; padding:3px; width:300px; }
form #body { background-color: #E3EEDD; padding:3px; width:300px; max-width:300px; min-width:300px; }
form #button { border: none; padding:5px 10px; background-image:url(../images/bg/bbg.png); color:#FFF; font-size:0.8em; }