/*------------------------------------------------
	base styles
--------------------------------------------------*/
body {
color: #4C4548;
margin: 0;
padding: 0;
background: #FFFFCC;
text-align: center;
font-family: Verdana, '£Í£Ó £Ð¥´¥·¥Ã¥¯',  Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", sans-serif;
}

th {
text-align: left;
font-weight: normal;
}

th,td{
line-height:160%;
}

body,p,ol,ul,h1,h2,h3,h4,h5,h6,form,table,td,dl,dt,dd{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

ul{
list-style-type: none;
}

h1,h2,h3,h4,h5,h6{
font-size: 100%;
}

p{
line-height:170%;
font-size: 12px;
}

img{
border: none;
}

a{
text-decoration:underline;
color:#ff6600;
}

a:hover{
color: #339900;
}

form {
padding-bottom: 30px;
margin: 10px 0 0 0;
color:#666;
}

textarea,select,input { 
font-size: 12px;
margin:0 3px;
padding:auto;
}

.line{
border-top:2px solid #DCDCDC;
padding:0;
margin:0.5em 0;
clear:both;
}

/*	layout styles
--------------------------------------------------*/

div#container {
margin: 0 auto; 
padding:0;
width: 780px; 
text-align: left;
background: #FFDD33;
font-size: 12px;
}

div#side {
width: 178px;
float : left;
overflow:hidden;
margin: 10px 0 0 0;
padding: 0 0 10px 0;
color: #0066FF;
}

div#contents {
width : 590px;
float : right;
margin : 0;
padding: 0;
overflow:hidden;
}

div#footer {
width: 770px;
clear : both;
padding: 10px 10px 10px 0;
margin:0px;
text-align: right;
color: #CC3300;
font-size: 12px;
line-height: 160%;
}


/*	header styles
--------------------------------------------------*/

div.header {
width: 780px;
height: 75px;
padding : 0;
margin: 0 auto;
text-align:left;
background: url(images/header_bg.jpg) left top no-repeat;
position: relative;
}

div.header#second_h {
background: url(images/header_bg02.jpg) left top no-repeat;
}

div.header #logo {
background: url(images/logo.gif) left top no-repeat;
width: 195px;
height: 35px;
position: absolute;
left: 21px;
top: 12px;
overflow: hidden;
}

div.header #logo h1 a {
display: block;
width: 195px;
height: 35px;
padding-top: 35px;
}

div.header #head_navi {
position: absolute;
left: 304px;
top: 21px;
}

div.header #head_navi ul {
list-style-type: none;
}

div.header #head_navi li {
float: left;
margin-right: 17px;
}

#head_navi li#h_navi01 {
width: 54px;
}

#head_navi li#h_navi02 {
width: 68px;
}

#head_navi li#h_navi03 {
width: 78px;
}

#head_navi li#h_navi04 {
width: 90px;
}

#head_navi li#h_navi05 {
width: 90px;
}

div.header #head_navi li a {
display: block;
width: 100%;

}


/*	indexpage styles
--------------------------------------------------*/
div#topimg {
background: url(images/top_image.jpg) left top no-repeat;
width: 780px;
height:323px;
position: relative;
}

div#v200 {
position: absolute;
left: 23px;
top: 90px;
}

div#v100 {
position: absolute;
left: 608px;
top: 107px;
}

/*
div#yoyaku {
position: absolute;
left: 591px;
top: 184px;
}
*/

div#tablebox{
width: 590px;
margin:0;
padding:0 0 0 0;
background: url(images/entrycon-bg.jpg) left top;
margin: 10px 0 0 0;
}

.con_area {
padding: 20px 20px 0 20px;
background: url(images/eny_bgtop.jpg) left top no-repeat;
}

.sub_midashi {
margin-bottom: 8px;
}

#description {
width:540px;
}

#description h2{
font-size:12px;
color:#CC3300;
line-height:140%;
margin-bottom: 5px;
}

#description p{
line-height:140%;
margin-bottom: 15px;
}

div#oshirase {
width : 530px;
margin : 15px 0 0 3px;
height : 225px;
overflow:auto;
padding:10px;
border-top:1px solid #DCDCDC;
border-bottom:1px solid #DCDCDC;
border-left:1px solid #DCDCDC;
}


/*-- what's new MT ENTRY --*/

div.entry2 {
margin: 0 10px 10px 10px;
padding: 0;
}

div.entry2 h4 {
border-left:4px solid #CC3300;
font-size:10px;
margin-top: 10px;
padding-left:7px;
color:#FF9900;
}

div.entry2 p {
font-size: 10px;
line-height: 150%;
padding: 3px 10px  0 10px;
color: #666;
}

div.entry2 p a{
text-decoration: underline;
color:#ff6600;
}

div.entry2 p a:hover{
color:#990000;
}



/*	2ndpage styles
--------------------------------------------------*/

.entry_main {
background: url(images/entrycon-bg.jpg) left top;
margin-top: 7px;
}

.entry_con {
padding: 0 10px 0 20px;
}

.entry_con h2.midashi{
color:#660000;
font-size:18px;
font-family: Arial,'£Í£Ó £Ð¥´¥·¥Ã¥¯',  Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", sans-serif;
background: url(images/midahi_top1.gif) left center no-repeat;
padding:0 0 0 40px;
margin: 0 0 0 10px;
line-height: 28px;
}

.entry_con h2.midashi#g_mainttl{
color:#003300;
background: url(images/midahi_top2.gif) left center no-repeat;
}

/*-- MT¥¨¥ó¥È¥ê¡¼ --*/

div.entry {
margin: 10px 0 0 5px;
padding: 0;
background-image:url(images/entrybox_body.gif);
width: 556px;
}

div.entry_title {
margin: 0;
background: url(images/entrybox_top.gif) left top no-repeat;
padding-top:15px;
}

.entry_title h3 {
font-size:14px;
color:#cc3300;
border-bottom:1px dotted #ff7a00;
padding: 4px 10px 5px 30px;
background : url(images/icon_pad.gif) left top no-repeat;
margin:0 20px 0 20px;
}

.entry_title h3.gr_ettl {
color:#006600;
border-bottom:1px dotted #006600;
background: url(images/icon_pad_green.gif) left top no-repeat;
}

div.entry_body {
margin: 0;
padding:10px 20px 0px 30px;
color: #666;
line-height: 150%;
}

div.entry_body p a{
text-decoration: underline;
color:#ff6600;
}

div.entry_body a:hover{
color:#990000;
}

div.entry_body p{
line-height: 150%;
margin: 0 0 0 5px;
padding: 5px 0 5px 0px;
}

div.entry_body table,
div.entry_body ul,
div.entry_body ol{
font-size: 12px;
line-height: 150%;
}

div.entry_body ul,
div.entry_body ol{
margin-left:0.5em;
padding:0;
}

img.entry{
margin:5px 5px 5px 10px;
float:right;
}

img.entry2{
margin:5px 10px 5px 0px;
float:left;
}

/*-- PAGE TOP --*/

.pagetop{
font-size:10px;
font-weight:bold;
margin-top: 10px;
padding:0px 20px 5px 0;
text-align:right;
font-family: Verdana, '£Í£Ó £Ð¥´¥·¥Ã¥¯',  Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", sans-serif;
}

.pagetop a{
color:#ff6600;
text-decoration: none;
}

.pagetop a:hover{
color:#990000;
}

.pagetop a.green{
color:#006600;
}



/*	sidenavigation styles
--------------------------------------------------*/

div.sidebar{
padding: 0;
margin: 0 0 10px 10px;
width: 168px;
}

div.sidebar#second_base{
margin: 15px 0 10px 10px;
}

div.sidebar a{
text-decoration: none;
}

.snavi li,
.snavi2nd li {
color:#660000;
padding: 0;
margin: 0;
font-family:'£Í£Ó £Ð¥´¥·¥Ã¥¯',  /*Osaka,*/ "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", sans-serif;
font-weight: bold;
float: left;
width: 168px;
}

.snavi li.sec a {
border-bottom: 1px dotted #FF7A00;
padding: 14px 0 13px 35px;
width: 132px;
display: block;
vertical-align: top;
margin-bottom: 3px;
}

.snavi li.snavi01 a {
color:#660000;
background: url(images/side_mm.gif) left center no-repeat;
}

.snavi li.snavi01 a:hover {
color:#CC3300;
}

.snavi li.snavi02 a {
color:#003300;
background: url(images/side_mm2.gif) left center no-repeat;
}

.snavi li.snavi02 a:hover {
color:#669900;
}

.snavi2nd li.snavi01,
.snavi2nd li.snavi02 {
color:#660000;
border-bottom: 1px dotted #FF7A00;
font-weight: bold;
margin-bottom: 7px;
padding-bottom: 7px;
}

.snavi2nd li#navi_top span {
padding: 10px 0 10px 35px;
}

.snavi2nd li#navi_top a {
color:#660000;
}

.snavi2nd li#navi_top a:hover {
color: #CC3300;
}

.snavi2nd li.snavi01 span {
display: block;
padding: 8px 0 8px 35px;
background: url(images/side_mm.gif) left center no-repeat;
}

.snavi2nd li.snavi02 span {
display: block;
padding: 8px 0 8px 35px;
background: url(images/side_mm2.gif) left center no-repeat;
color: #003300;
}

.snavi2nd li ul.catlist {
margin: 8px 0 0 15px;
}

.snavi2nd li ul.catlist li {
vertical-align: top;
width: 153px;
margin: 0;
padding: 0;
}

.snavi2nd li ul.catlist li a {
border-bottom: none;
padding: 0 0 0 20px;
width: 133px;
display: block;
margin-bottom: 7px;
line-height: 120%;
}

.snavi2nd li.snavi01 ul.catlist li {
background: url(images/s_mn_icon.gif) left top no-repeat;
}

.snavi2nd li.snavi01 ul.catlist li a {
color: #CC3300;
}

.snavi2nd li.snavi02 ul.catlist li {
background: url(images/s_mn_icon2.gif) left top no-repeat;
color: #006600;
}

.snavi2nd li.snavi02 ul.catlist li a {
color: #006600;
}

.snavi2nd li.snavi01 ul.catlist li a:visited {
color: #cc9900;
}

.snavi2nd li.snavi01 ul.catlist li a:hover {
color: #FF6600;
}

.snavi2nd li.snavi02 ul.catlist li a:visited {
color: #999900;
}

.snavi2nd li.snavi02 ul.catlist li a:hover {
color: #669900;
}

#banaimg {
padding-top: 30px;
padding-left: 25px;
clear: both;
}

#banaimg dl {
width: 140px;
}

#banaimg dt {
text-align: center;
margin-bottom: 7px;
line-height: 100%;
}

#banaimg dd {
font-size: 10px;
color: #660000;
line-height: 140%;
font-weight: bold;
}



/*	sitemap page styles
--------------------------------------------------*/

#sitemap {
margin: 30px 0 0 80px;
}

#sitemap ul li {
list-style-type:square;
line-height: 160%;
margin-top: 10px;
}

#sitemap ul li a {
text-decoration: underline;
}

#sitemap ul li a:hover {
color: #ff9900;
}

#sitemap li.cate_ttxt span {
color: #660000;
font-weight: bold;
display: block;
}

#sitemap ul ul {
margin: 0 0 0 15px;
}

#sitemap ul ul li {
line-height: 160%;
list-style-type:circle;
margin-top: 0;

}

/*-- font--*/

.f10 {
font-size:10px;
line-height:160%;
}

.f11g {
font-size:10px;
line-height:130%; 
padding-left: 5px;
font-family: Verdana, '£Í£Ó £Ð¥´¥·¥Ã¥¯',  Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", sans-serif;
}

.red {
color: #FF0000;
}

.def {
color: #4C4548;
}

/*-- ¤½¤ÎÂ¾--*/

.blue {
background:#D3F3E3;
color:#00367C;
font-size:12px;
line-height:1.3;
padding:10px 7px;
}

.sc_f {
color: #BEDE9E;
padding-right: 5px;
font-size: 8px;
font-family: '£Í£Ó £Ð¥´¥·¥Ã¥¯',  Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", sans-serif;
}

.mg_b20 {
margin-bottom: 20px;
}

.mg_b30 {
margin-bottom: 30px;
}

.text_box {
padding: 0 30px;
}

#banner{
margin-left:10px;
padding:0;
font-size:10px;
color:#FFF;
}

#banner img{border:1px solid #DCDCDC;}

/*-- ¥á¥ë¥Õ¥©--*/

#mail_author,#mail_email,#mail_works,#mail_address,#mail_tel,#mail_tel02 {
width: 160px;
}

#mail_address,#mail_address02 {
width: 300px;
}

#preview{
margin:10px 15px 20px 10px;
padding:5px 10px;
border-top:2px solid #DCDCDC;
border-bottom:2px solid #DCDCDC;
color:#b22222;
background:#FFFACD;
}

#mail_top{
margin:10px 20px 0 40px;
padding-top: 20px;
font-size:12px
}

#post_ebody {
padding-top: 40px;
padding-bottom: 50px;
}

#post_ebody p {
padding: 0;
margin: 0 0 20px 0;
}

#es_form {
margin-top: 0px;
}

.es_thead {
color: #006600;
border-bottom: 1px dotted #006600;
padding: 15px 0 3px 0;
margin: 0 0 10px 0;
font-weight: bold;
}

.es_thead span {
font-weight: normal;
}

.es_tbl01 {
margin-bottom: 0;
border-collapse: collapse;
empty-cells: show;
}

.es_tbl01#tbl_con01,
.es_tbl01#tbl_yoyaku01 {
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
width: 480px;
}

.es_tbl01#tbl_yoyaku01 {
width: 400px;
}

.es_tbl01 td {
table-layout: fixed;
padding: 3px 3px 3px 0;
font-family: Arial, '£Í£Ó £Ð¥´¥·¥Ã¥¯',  Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", sans-serif;
}

.es_tbl01#tbl_con01 td,
.es_tbl01#tbl_yoyaku01 td {
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
text-align: center;
padding: 5px 0;
}

.es_tbl01#tbl_con01 td.es_con01 {
background: #F5F5F5;
padding-left: 10px;
padding-right: 10px;
}

.es_tbl01#tbl_yoyaku01 td.es_con01  {
background: #F5F5F5;
padding-left: 5px;
padding-right: 5px;
}

.es_tbl01#tbl_con01 td.es_con01w {
background: #FFF;
padding-left: 10px;
padding-right: 10px;
}

.es_tbl01#tbl_con01 td.es_con01txt,
.es_tbl01#tbl_yoyaku01 td.es_con01txt  {
border-bottom: 1px solid #CCC;
padding-left: 20px;
text-align: left;
}

.prev_area td {
padding: 3px 0;
vertical-align: top;
}

td.dot_cell {
padding: 3px 8px 3px 3px;
}

input#mail_preview,
input#mail_post {
padding: 3px 6px;
}

textarea#mail_text {
width: 350px;
}

#es_form textarea {
width: 480px;
}



/*-- ¥Æ¡¼¥Ö¥ëÏÈÀþ´ØÏ¢--*/

table.waku{}

table.waku td{
background:#FFFFFF;
padding:0 5px;
}

input.tst {
display: none;
}



