@charset "utf-8";

/*-- common 
-------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	font-weight: bold;
}

html { overflow-y: scroll; }
body { background-color: #fff; font-size: 80%; line-height: 175%; color: #333; }
li { font-size: 100%; }
th, td { font-size: 90%; }

img { border: none; }

p { padding: 0 0 20px 0; }
sup { font-size: x-small; }

.clear { clear: both; }
.page-break { page-break-before: always; }
.page-break-a { page-break-after: always; }

#wrapper { width: 960px; margin: 0px auto; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: url(../images/common/wrapper-bg.jpg) repeat-y;  _height: 1%; min-height: 1%; }

/*-- navi
-------------------------------------------*/
#navi { width: 199px; float: left; clear: both; overflow: hidden; }
#navi ul { list-style-type: none; }
#navi li { height: 30px; overflow: hidden; float: left; }
#navi li img { display: block; height: 30px; overflow: hidden; }

/*-- access
------------------------------------------------*/
#access div { clear: both; padding: 30px 0 0;}
.pd10 { padding: 0 5px 10px; }
.gotogm { text-align: right; font-size: x-small; }


h1 { background: #b7d4f1; font-size: x-small; font-weight: normal; padding: 10px 20px; color: #06c; min-height: 10px; line-height: 100%; }
#header { height: 70px; overflow: hidden; border-bottom: 1px solid #ccc; padding:0; margin:0;}
#pagebody { width: 760px; float: right; }
#mainimg { border-bottom: 1px solid #ccc; }

h2 { clear: both; font-size: 150%; }
.title { color: #06c; border-bottom: 3px solid #06c; padding: 0 0 2px; margin: 0 0 10px; }
h3 { clear: both; font-size: 120%; color: #39f;}
h4 { clear: both; font-size: 100%; }

#main { padding: 15px; _height: 1%; min-height: 1%; }
#main ul { margin: 0; }
#main ol { margin: 0; }
#main li { margin: 0 0 10px 2em; }

.box { padding: 0 15px 15px; }
.box2 { padding: 0 320px 15px 15px; min-height: 400px; _height: 400px; }
/*--
table { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
th { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; }
td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }
--*/


/*-- form 
-------------------------------------------*/
form table { width: 700px; border-top: 2px solid #06c; }
form th { border-bottom: 1px solid #06c; padding: 4px 0; text-align: left; }
form td { width: 560px; border-bottom: 1px solid #06c; padding: 4px 0; }
.form-s { width: 140px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
.form-m { width: 280px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
.form-l { width: 420px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
textarea { width: 560px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
#contbtn { padding: 5px 0 20px; text-align: center; }

.bn { padding: 0 15px 15px; }
.cont-bk { background: url(../images/content-back.jpg) no-repeat right bottom; }

/*-- footer 
-------------------------------------------*/
#textlink { clear: both; margin: 0 1px; padding: 14px; background: url(../images/common/textlink-bg.jpg) no-repeat #efefef;}
#textlink table { width: 730px; }
#textlink th { color: #06c; width: 11em; text-align: left; font-size: x-small; }
#textlink td { color: #06c; font-size: x-small; }
#footer {  margin: 0 1px; padding: 10px 14px; background: url(../images/common/footer-bg.jpg) repeat-x; color: #333; height: 180px; }
#copyright { float: left; }
#copyright p { font-size: x-small; }
#back { float: right; } /*--pagetop anchor--*/


/*-- index 
-------------------------------------------*/
.appeal-ttl { width: 160px; float: left; }
.appeal-dsc { width: 555px; float: right; }
.appeal-txt {
	width: 555px;
	height:30px;
	background-color:#09F;
	color:#FF0;
	font-size:15px;
	text-align: center;
}
.about { width: 385px; float: left; }
#ssc { width: 330px; float: right; }
.ssc { padding: 5px 0 10px; }

#gaiyou { padding: 0 0 30px; }
#gaiyou table { width: 385px; border-top: 2px solid #06c; }
#gaiyou th { width: 6em; padding: 4px 0; font-weight: normal; text-align: left; vertical-align: top; }
#gaiyou td { padding: 4px 0; vertical-align: top; }
.bbline { border-bottom: 1px solid #06c; }
#guide { padding: 0 0 10px; }
#info h3 { border-bottom: 1px dashed #ccc; margin: 0 0 10px;}
#info table { width: 385px;}
#info th { width: 9em; font-weight: normal; padding: 4px 0; text-align: left; }
#info td { padding: 4px 0; }

/*-- construction
------------------------------------------------*/
#non-permission {  }
#non-permission table { width: 700px; border-top: 2px solid #39f; }
#non-permission th { width: 16em; text-align: left; font-weight: normal; padding: 4px 0; border-bottom: 1px solid #39f; }
#non-permission td { padding: 4px 0; border-bottom: 1px solid #39f; }
.cap { padding: 5px 0 15px; }


/*-- establishment
------------------------------------------------*/
#desc { text-align: right; }
#desc td { padding: 15px; }

#flow { padding: 0 0 30px; }
#flow table { width: 700px;  }
#flow th { width:120px; }
#flow td { padding: 0 15px; }
.arrow { padding: 10px 120px; }

#document {  }
#document table { width: 700px; border-top: 2px solid #06c; }
#document th { width: 2em; border-bottom: 1px solid #06c; padding: 4px 0; }
#document td { border-bottom: 1px solid #06c; padding: 4px 0;}
.em2 { width: 3em; padding: 0 1em 0 0; text-align: right; }
.em3 { width: 3em; }
.em4 { width: 4em; }



/*-- float  
-------------------------------------------*/
.l160 { width: 160px; float: left; }
.r380 { width: 380px; float: right; }

/*-- link 
-------------------------------------------*/
a { overflow: hidden; }
a:link { color: #06c; }
a:visited { color: #06c; }
a:active { color: #06c; }
a:hover { color: #06c; text-decoration: none; }
a:focus{ outline: none; }


/*-- align 
-------------------------------------------*/
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }


/*-- colors / decoration
-------------------------------------------*/
.red { color: #c00; }
.blue { color: #06c; }
.green { color: #0c0; }
.yellow { color: #f00; }
.cyan { color: #0cc; }
.orange { color: #f60; }
.strong { font-weight: bold; }