@charset 'utf-8';

/* ----- HTML再定義 ------------------------------------ */

*{
 margin:0;
 padding:0;
 color:#333;
 font-style:normal;
 text-decoration:none;
}


html{
 scrollbar-base-color:#fff;
 scrollbar-track-color:#222;
 scrollbar-shadow-color:#888;
 scrollbar-highlight-color:#888;
 scrollbar-arrow-color:#666;
}


body{
 margin:0;
 padding:0;
 text-align:center;
 background: #222 url(../img/base_design/base_back.gif) repeat-y scroll center top;
}


.body_sub01{
 background: url(../img/base_design/sub_back01.gif) no-repeat scroll center top;
}


#warapper{
 width:780px;
 margin:0 auto;
 padding:0;
 text-align:left;
}



#header{
 margin:0;
 padding:0 0 5px 0;
}


#middle{
 margin:0;
 padding:0 20px 70px 20px;
}

#bottom{
 clear:both;
 margin:0;
 padding:70px 20px 0 20px;
}

/* ダイアリースタイル↓ */



#esqbox{
 clear:both;
 margin:0;
 padding:0;
}


#menu_box{
 margin:0;
 padding:0 20px 0 20px;
 background:url(../img/base_design/menu_back.gif) scroll no-repeat center top;
}


#menu_box ul{
 text-decoration:none;
 padding:0;
 margin:0;
 list-style:none;
}


#menu_box ul li{
 float:left;
 padding:0;
 margin:0;
 display:block;
}


li.no01{
 margin:0;
 padding:0;
}

li.no01 a{
 width:120px;
 height:35px;
 display:block;
 padding:0;
 background: url(../img/base_design/menu01.gif) no-repeat scroll left top;
}

li.no01 a:hover {
 background: url(../img/base_design/menu01_ov.gif) no-repeat scroll left top;
}





li.no02{
 margin:0;
 padding:0;
}

li.no02 a{
 width:120px;
 height:35px;
 display:block;
 padding:0;
 background: url(../img/base_design/menu02.gif) no-repeat scroll left top;
}

li.no02 a:hover {
 background: url(../img/base_design/menu02_ov.gif) no-repeat scroll left top;
}






li.no03{
 margin:0;
 padding:0;
}

li.no03 a{
 width:120px;
 height:35px;
 display:block;
 padding:0;
 background: url(../img/base_design/menu03.gif) no-repeat scroll left top;
}

li.no03 a:hover {
 background: url(../img/base_design/menu03_ov.gif) no-repeat scroll left top;
}





li.no04{
 margin:0;
 padding:0;
}

li.no04 a{
 width:120px;
 height:35px;
 display:block;
 padding:0;
 background: url(../img/base_design/menu04.gif) no-repeat scroll left top;
}

li.no04 a:hover {
 background: url(../img/base_design/menu04_ov.gif) no-repeat scroll left top;
}






li.no05{
 margin:0;
 padding:0;
}

li.no05 a{
 width:120px;
 height:35px;
 display:block;
 padding:0;
 background: url(../img/base_design/menu05.gif) no-repeat scroll left top;
}

li.no05 a:hover {
 background: url(../img/base_design/menu05_ov.gif) no-repeat scroll left top;
}





li.no06{
 margin:0;
 padding:0;
}

li.no06 a{
 width:120px;
 height:35px;
 display:block;
 padding:0;
 background: url(../img/base_design/menu06.gif) no-repeat scroll left top;
}

li.no06 a:hover {
 background: url(../img/base_design/menu06_ov.gif) no-repeat scroll left top;
}



li.no07{
 margin:0;
 padding:0;
}

li.no07 a{
 width:120px;
 height:35px;
 display:block;
 padding:0;
 background: url(../img/base_design/menu07.gif) no-repeat scroll left top;
}

li.no07 a:hover {
 background: url(../img/base_design/menu07_ov.gif) no-repeat scroll left top;
}










#diaryleft{
 width:285px;
 float:left;
 margin:0;
 padding:15px 15px 0 0;
}



#diaryright{
 width:410px;
 float:right;
 margin:0;
 padding:15px 0 0 0;
}


/* ダイアリースタイル↑ */
h1{
 padding:30px 0 30px 20px;
 margin:0;
 font-size:0;
 line-height:0;
}


h1.f001{
 text-align:right;
 padding:0;
 margin:0 0 10px 0;
 font-size:13px;
 line-height:18px;
}



h1.f01 {
 margin-bottom: 5px;
 font-size: 0.8em;
}

h2 {
 font-size:0.9em;
 margin: 20px 0px;
}

h3{
 clear:both;
 text-align:left;
 font-size:0.9em;
 margin:0;
 padding:10px 0 10px 0;
 line-height:10px;
}



p {
 font-size:0.78em;
 margin-bottom: 15px;
 line-height: 1.4em;
}

p.in01{
 clear:both;
 text-align:left;
 font-size:0.78em;
 margin:0;
 padding:0 0 0 1px;
 line-height: 1.5em;
}



ul {
 margin: 0px 0px 20px 20px;
 padding:0;
}

li {
font-size:0.78em;
line-height:1.4em;
}

dl {
 margin-bottom: 20px;
}

dl dt {
}

dl dd {
 margin-left: 30px;
}

em {
 font-weight: bold;
}

img {
 margin-bottom: 0;
 border: 0;
}



form dl {
 margin-bottom: 15px;
}

form dl dt {
 float: left;
 clear: left;
 width: 5em;
}

form dl dd {
}

form dl dd textarea {
 margin-top: 2px;
}

form ul {
 margin: 0px 0px 20px 0px;
}

form ul li {
 list-style-type: none;
}

form fieldset {
 border: 0px solid #000000;
}

form legend {
 display: none;
}

form input, form select {
 margin-right: 1px;
 padding: 1px;
 font-size: 90%;
}

@media screen {
	form input, form select {
		font-family: Verdana, Arial, sans-serif;
	}
}

form select {
 margin-top: 1px;
}

form p input {
 text-align: left;
}

form textarea {
 padding: 1px;
 font-family: 'ＭＳ ゴシック', Osaka, monospace;
 line-height: 1.2;
}

table {
 margin-bottom: 10px;
 border: 1px solid #666680;
 border-collapse: collapse;
}

table tr th {
 padding: 5px;
 border: 1px solid #AAAAAA;
 background-color: #EEEEEE;
 text-align: center;
}

table tr td {
 padding: 5px;
 border: 1px solid #AAAAAA;
}

table tr td input {
 margin: -2px;
}




table.kk01 {
 width:100%;
 margin:0 0 10px 0;
 border-top: solid 1px #888;
 border-right:none;
 border-left:none;
 border-bottom:none;
}

table.kk01 tr td {
 padding: 5px;
 background-color:#EBEBEB;
 border-top:none;
 border-right:none;
 border-left: solid 1px #888;
 border-bottom: solid 1px #888;
}

table.kk01 tr td.kkk02 {
 padding: 5px;
 background-color:#fff;
 border-top:none;
 border-right: solid 1px #888;
 border-left: solid 1px #888;
 border-bottom: solid 1px #888;
}



table.kk01 tr td input {
 margin: -1px;
}

table.kk01 p {
 font-size:0.78em;
 margin-bottom: 1px;
 line-height: 1.4em;
}

a:link, a:visited {
 color: #0000CC;
 text-decoration: underline;
}

a:active, a:hover {
 color: #FF7700;
 text-decoration: underline;
}

/* ----- 基本構造 -------------------------------------- */



#aqua{
 margin: 0;
 padding:10px;
 background:url(../img/base_design/main_back.gif) scroll left top;
 text-align:left;
}



div#container {
 margin: 0;
 padding:20px;
 border: #666 1px solid;
 background-color:#fff;
 }

html>body div#container {
	width:700px;
}



div#container form table {
 width:100%;
 margin:0 0 10px 0;
 padding:0;
 border-top: solid 1px #888;
 border-right:none;
 border-left:none;
 border-bottom:none;
}

div#container form table tr td {
 margin:0;
 padding:5px 30px 5px 5px;
 background-color:#EBEBEB;
 border-top:none;
 border-right:none;
 border-left: solid 1px #888;
 border-bottom: solid 1px #888;
}

div#container form table tr td.mf01 {
 margin:0;
 padding:5px 30px 5px 10px;
 background-color:#fff;
 border-top:none;
 border-right: solid 1px #888;
 border-left: solid 1px #888;
 border-bottom: solid 1px #888;
}





div#container form p {
 font-size:0.78em;
 padding:5px;
 margin:0;
 line-height: 1.4em;
}





div#menu {
 border-top: 1px solid #999999;
 border-bottom: 1px solid #999999;
}

div#diary {
 margin-bottom: 5px;
}

div#work {
 margin-bottom: 5px;
 border-bottom: 1px solid #999999;
}


div#work table {
 margin: 0;
 padding:0;
 border-top: 1px solid #999999;
}


div#work tr {
 margin: 0;
 padding:0;
 border:none;
}


div#work th {
 margin: 0;
 padding:0;
 border:none;
}


div#work td {
 margin: 0;
 padding:0;
 border-bottom: 1px solid #999999;
 border-left: 1px solid #999999;
 border-right: 1px solid #999999;
}



div#work p {
 font-size:0.78em;
 margin:5px;
 padding:0;
 line-height: 1.4em;
}




/* ----- メニュー -------------------------------------- */

div#menu ul {
 margin: 5px 0px;
 padding:0;
}
div#menu ul li {
 display: inline;
 margin:0 10px 0 0;
 padding:0;
}

/* ----- ログ ------------------------------------------ */


div#diary .diary {
 padding-top: 15px;
 border-bottom: 1px solid #999999;
}

div#diary h2 {
 display: none;
}

div#diary h3 {
 margin-bottom: 15px;
}

div#diary .info {
 margin: 5px 10px 15px 0px;
}
div#diary .info li {
 display: inline;
 margin:0;
 padding:0;
}

/* ----- ページ移動 ------------------------------------ */

div#page ul {
 margin: 0px 0px 20px 0px;
 padding:0;
}
div#page ul li {
 display: inline;
 margin:0 10px 0 0;
 padding:0;
}

/* ----- ナビゲーション -------------------------------- */

div#navi ul {
 margin: 0px;
 padding:0;
 text-align: right;
}

div#navi ul li {
 display: inline;
 margin-left:0 10px 0 0;
 padding:0;
}

div#navi form dl {
}

div#navi form dl dt {
 display: none;
}

div#navi form dl dd {
 float: left;
 margin-left: 0px;
}

div#navi form input {
 padding: 0px;
}

/* ----- 処理選択 -------------------------------------- */

div#work form {
 margin: 10px 0px;
}

div#work form dl {
 margin: 0px;
}

div#work form dl dt {
	display: none;
}

div#work form dl dd {
 float: left;
 margin-left: 0px;
}

div#work form input {
 padding: 0px;
}

/* ----- 個別指定 -------------------------------------- */

.new {
 color: #FF0000;
}




.arc90_linkpic {
 display: none;
 position: absolute;
 left: 0;
 top: 1.5em;
 width: 160px;
 height: 120px;
}

.arc90_linkpicIMG {
 padding: 0 4px 4px 0;
 background: transparent url(../img/sub_title/linkpic_shadow.gif) no-repeat bottom right;
 width: 160px;
 height: 120px;
}

p.right{
 clear:both;
 text-align:right;
 font-size:0.78em;
 margin:0;
 padding:10px 0 15px 0;
 line-height: 1.5em;
}

/* header/bottom2分割スタイル↓ */


#leftbox01{
 width:280px;
 float:left;
 margin:0;
 padding:0 0 0 20px;
}
#leftbox01 p{
 font-size:10px;
 margin:0;
 padding:0;
}

#rightbox01{
 width:460px;
 float:right;
 margin:0;
 padding:0 20px 0 0;
}






#rightbox01 p{
 text-align:left;
 font-size:10px;
 margin:0 0 0 10px;
 padding:0;
 line-height: 14px;
 color:#555;
}

#rightbox01 p a{
 text-decoration:none;
 color:#555;
 border-bottom:#555 dotted 1px;
}

#rightbox01 p a:hover{
 color:#990000;
 border-bottom:#990000 dotted 1px;
}



#rightbox01 p strong{
 color:#274E7C;
}






ul.shisetu1{
float:left;
list-style:none;
margin:0;
padding:0;
font-size:0.8em;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
width:100px;
}

ul.shisetu2{
float:left;
list-style:none;
margin:0;
padding:0;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
font-size:0.8em;
}

li.shisetu{
 float:right;
 list-style:none;
 border-bottom:1px solid #CCCCCC;
 text-align:left;
 padding:3px 10px;}

 
.hitokoto{
clear:both;
margin:0;
padding:10px;
font-size:0.8em;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
margin-bottom:20px;
}












/* hr(クリア付)、画像フロート化、アドレススタイル↓ */


hr{
 clear:both;
 margin:0;
 padding:0;
 visibility: hidden;
 height:0px;
}


.gleft{
 float:left;
 margin:0;
 padding:0;
}

.gright{
 float:right;
 margin:0;
 padding:0;
}

address{
 text-align:right;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 font-style:normal;
 letter-spacing:0.4px;
 color:#666;
 margin:0;
 padding:0 0 20px 0;
}


address a{
 color: #E49B21;
 border-bottom:#E49B21 dotted 1px;
}

address a:hover{
 color: #999;
 border-bottom:#999 dotted 1px;
}



/* サブメニュースタイル↓ */

#submenubox{
 margin:0;
 padding:20px 0 10px 0;
}

#submenubox table{
 border:none;
 padding:0;
 padding:0;
}

#submenubox td{
 border:none;
 padding:0;
 padding:0;
}

#submenubox p{
 text-align:left;
 font-size:0.78em;
 margin:0 0 5px 0;
 padding:0;
 line-height: 0.78em;
}






#submenubox p.op01{
 margin:0 5px 0 0;
 padding:0;
}

#submenubox p.op01 a{
 width:85px;
 height:120px;
 display:block;
 padding:0;
 background: url(../img/base_design/mini_omaturi.jpg) no-repeat scroll left top;
}

#submenubox p.op01 a:hover {
 background: url(../img/base_design/mini_omaturi_ov.jpg) no-repeat scroll left top;
}



#submenubox p.op02{
 margin:0 5px 0 0;
 padding:0;
}

#submenubox p.op02 a{
 width:85px;
 height:120px;
 display:block;
 padding:0;
 background: url(../img/base_design/mini_mikaku.jpg) no-repeat scroll left top;
}

#submenubox p.op02 a:hover {
 background: url(../img/base_design/mini_mikaku_ov.jpg) no-repeat scroll left top;
}



#submenubox p.op03{
 margin:0 5px 0 0;
 padding:0;
}

#submenubox p.op03 a{
 width:85px;
 height:120px;
 display:block;
 padding:0;
 background: url(../img/base_design/mini_hamasaka.jpg) no-repeat scroll left top;
}

#submenubox p.op03 a:hover {
 background: url(../img/base_design/mini_hamasaka_ov.jpg) no-repeat scroll left top;
}




#submenubox p.op04{
 margin:0 5px 0 0;
 padding:0;
}

#submenubox p.op04 a{
 width:85px;
 height:120px;
 display:block;
 padding:0;
 background: url(../img/base_design/mini_shitikama.jpg) no-repeat scroll left top;
}

#submenubox p.op04 a:hover {
 background: url(../img/base_design/mini_shitikama_ov.jpg) no-repeat scroll left top;
}





#submenubox p.op08{
 margin:0 30px 0 0;
 padding:0;
}

#submenubox p.op08 a{
 width:85px;
 height:120px;
 display:block;
 padding:0;
 background: url(../img/base_design/mini_sightsee.jpg) no-repeat scroll left top;
}

#submenubox p.op08 a:hover {
 background: url(../img/base_design/mini_sightsee_ov.jpg) no-repeat scroll left top;
}







#submenubox p.op05{
 margin:0 5px 0 0;
 padding:0;
}

#submenubox p.op05 a{
 width:85px;
 height:120px;
 display:block;
 padding:0;
 background: url(../img/base_design/mini_info.jpg) no-repeat scroll left top;
}

#submenubox p.op05 a:hover {
 background: url(../img/base_design/mini_info_ov.jpg) no-repeat scroll left top;
}



#submenubox p.op06{
 margin:0 5px 0 0;
 padding:0;
}

#submenubox p.op06 a{
 width:85px;
 height:120px;
 display:block;
 padding:0;
 background: url(../img/base_design/mini_event.jpg) no-repeat scroll left top;
}

#submenubox p.op06 a:hover {
 background: url(../img/base_design/mini_event_ov.jpg) no-repeat scroll left top;
}


#submenubox p.op07{
 margin:0;
 padding:0;
}

#submenubox p.op07 a{
 width:85px;
 height:120px;
 display:block;
 padding:0;
 background: url(../img/base_design/mini_somurie.jpg) no-repeat scroll left top;
}

#submenubox p.op07 a:hover {
 background: url(../img/base_design/mini_somurie_ov.jpg) no-repeat scroll left top;
}

/* サブメニュースタイル↑ */