@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-menu.css");

td { font-size:12px; line-height: 150%; }
th { font-size:12px; line-height: 150%; }

.img_r {
	float: right;
	border: none;
	vertical-align: top;
	margin-left: 5px;
	margin-bottom: 5px;
}
.img_l {
	float: left;
	border: none;
	vertical-align: top;
	margin-right: 5px;
	margin-bottom: 5px;
}
.img_n {
	float: none;
	border: none;
}
textarea,select,input {
    font-family: Verdana,ヒラギノ丸ゴ Pro W4,Hiragino Maru Gothic Pro,ＭＳ Ｐゴシック,Osaka,sans-serif;
}




div#inright{
width:580px;
float:right;
}


div#inleft{
width:180px;
float:left;
}


#pan{
font-size:10px;
letter-spacing:0.5px;
padding:15px 10px;
}


div.menu{
background:url(img/inner/menu_re.gif) repeat-y 0 0;
width:178px;
padding:0px 1px;
margin-left:auto;
margin-right:auto;
border-bottom:1px solid #9CA2CF;
}

ul.nakanavi	{
list-style:none;
}
ul.nakanavi li{
background:url(img/point01.gif) no-repeat 5px 10px;
padding:7px 5px 7px 20px;
color: #111187;
font-size:12px;
line-height:150%;
border-bottom:1px solid #A8A8A8;
border-top:1px solid #B4B4B4;
margin-bottom:1px;
}
ul.nakanavi li.submenu{
background:url(img/inner/point03.gif) no-repeat 12px 10px #F7F1E6;
padding:5px 5px 5px 23px;
font-size:12px;
line-height:150%;
border-bottom:1px dotted #333333;
border-top:none;
}
ul.nakanavi li a:link,div.ul.nakanavi li a:visited { color: #111187; text-decoration:none; }
ul.nakanavi li a:hover,div.ul.nakanavi a:active { color: #3636B5; text-decoration:underline; }


ul.nakasubnavi	{
list-style: none;
}
ul.nakasubnavi li	{
background: #F7F1E6 url(img/inner/point11.gif) no-repeat 2px 5px;
border-top: #000000 dotted 1px;
padding:3px 5px 3px 20px;
color: #111187;
font-size:12px;
line-height:150%;
}
ul.nakasubnavi li a:link,ul.nakasubnavi li a:visited	{ color: #111187; text-decoration: none; }
ul.nakasubnavi li a:hover								{ text-decoration: underline; }


ul.banaarea{
margin-top:20px;
list-style:none;
}
ul.banaarea li{
padding-bottom:10px;
}
ul.banaarea li img{
vertical-align:bottom;
}



.ttl02{
padding:4px 10px;
border:1px solid #C7C7C7;
background:url(img/inner/glad03.gif) repeat-x left bottom;
font-size:13px;
}

.gretxt{
color:#0191A7;
font-size:10px;
text-align:right;
padding:2px 0px;
line-height:150%;
}



div.dre_datimg{
width:350px;
float:left;
}
div.dre_dattxt{
width:225px;
float:left;
line-height:180%;
padding-top:5px;
}


.ttl01{
background:url(img/line01.gif) repeat-x left bottom;
padding:5px 0px 3px 10px;
font-size:12px;
line-height:150%;
font-size:12px;
color:#1C18AF;
}

div.dre_moretxt{
width:193px;
float:left;
text-align:center;
padding-top:20px;
}

div.dre_voice{
background:url(img/inner/bg01.gif) repeat 0 0;
padding:10px 20px;
}

div.dre_tei{
background:url(img/inner/bg02.gif) repeat 0 0;
padding:10px 20px;
}

.ttl03{
background:url(img/inner/icon01.gif) no-repeat 5px 2px;
padding:4px 0px 2px 40px;
font-size:12px;
border-bottom:1px solid #E2AC4D;
line-height:150%;
font-weight:normal;
}

.ttl04{
background:url(img/inner/icon02.gif) no-repeat 5px 1px;
padding:5px 0px 3px 40px;
font-size:12px;
border-bottom:1px solid #88A4D1;
line-height:150%;
font-weight:normal;
}

.ttl05{
background:url(img/inner/line02.gif) repeat-x left bottom;
padding:2px 0px 3px 5px;
font-size:12px;
line-height:150%;
}

div.dre_body02{
padding:5px 10px;
line-height:160%;
}



div.box02{
background:url(img/inner/box02_re.gif) repeat-y 0 0;
padding:10px 15px;
width:550px;
border-bottom:1px solid #DCDCDC;
border-top:1px solid #DCDCDC;
}

div.tanto{
}
div.tanto img{
float:right;
padding:10px;
}




div.menu02{
background:url(img/inner/menu_re.gif) repeat-y 0 0;
width:178px;
padding:0px 1px;
margin-left:auto;
margin-right:auto;
}

div.menu02 ul{
list-style:none;
}
div.menu02 ul li{
background:url(img/inner/point04.gif) no-repeat 5px 10px #F7F7F7;
padding:7px 5px 7px 20px;
font-size:12px;
line-height:150%;
border-bottom:1px solid #A8A8A8;
}
div.menu02 ul li a:link,div.menu02 ul li a:visited { color: #111187; text-decoration:none; }
div.menu02 ul li a:hover,div.menu02 ul li a:active { color: #3636B5; text-decoration:underline; }




.bor01{
border-bottom:1px solid #333B74;
color:#333B74;
padding:5px 0px;
}
.date{
padding-left:5px;
width:200px;
float:left;
}
.cate_up{
color:#00B8D9;
padding-right:5px;
float:right;
width:300px;
text-align:right;
}
.cate_up2{
color:#2C346C;
padding-right:5px;
float:right;
width:300px;
text-align:right;
}

.ttl06{
background:url(img/inner/icon03.gif) no-repeat 3px 5px;
padding:7px 0px 10px 35px;
font-size:14px;
color:#1A2257;
line-height:150%;
}
.ttl07{
background:url(img/inner/point09.gif) no-repeat 3px 5px;
padding:3px 0px 0px 23px;
font-size:14px;
color:#1A2257;
line-height:150%;
}

div.blog_img{
width:120px;
float:left;
padding:5px 0px;
text-align:center;
border:1px solid #a8a8a8;
}
div.blog_img p{
padding:5px 0px;
}
div.blog_txt{
width:450px;
float:right;
line-height:180%;
}



.starea{
padding-bottom:20px;
padding-top:10px;
}


div.dat03{
text-align:right;
background:url(img/inner/point05.gif) no-repeat right center;
padding:6px 15px 6px 0px;
margin-top:5px;
}
div.dat04{
text-align:right;
background:url(img/inner/point10.gif) no-repeat right center;
padding:6px 15px 6px 0px;
margin-top:5px;
}


div.body01{
line-height:180%;
padding-top:10px;
}






ul.next-back{
padding:20px 0px 20px 0px;
list-style:none;
line-height:150%;
}
ul.next-back li.prev{
background:url(img/inner/point06.gif) no-repeat 0 6px;
padding:3px 0px 3px 15px;
}
ul.next-back li.next{
background:url(img/inner/point08.gif) no-repeat 0 6px;
padding:3px 0px 3px 15px;
}
ul.next-back li.back{
background:url(img/inner/point07.gif) no-repeat 0 6px;
padding:3px 0px 3px 15px;
}


.txt01{
padding:6px 0px 4px 0px;
line-height:180%;
}
.txt02{
padding:6px 10px 4px 10px;
line-height:180%;
}



.ulist{
padding:3px 0px 3px 30px;
}
.ulist li{
line-height:160%;
padding:2px 0px;
}







table.comtable{
border-bottom:1px solid #D5D7E8;
width:560px;
margin-left:auto;
margin-right:auto;
margin-top: 15px;
}
table.comtable th{
border-top:1px solid #D5D7E8;
border-right:3px solid #1A2257;
text-align:left;
vertical-align:top;
padding:6px 8px;
line-height:160%;
color:#333333;
background:#EAECF6;
width:120px;
}
table.comtable td{
border-top:1px solid #D5D7E8;
text-align:left;
vertical-align:top;
font-weight:normal;
padding:6px 8px;
line-height:160%;
}




/*========================================================= flow ======*/

ul.flow24navi {
width: 581px;
}
ul.flow24navi li{
float:left;
list-style:none;
}
ul.flow24navi li img{
vertical-align:bottom;
}
.flow24 {
text-align:right;
}
.flow24 div{
float:right;
margin-left:5px;
} 

.flow24 p{
padding-top: 3px;
}
.flow24-txt p{
line-height: 180%;
padding: 10px 10px 20px 10px;
}


.flowm{
width: 581px;
background:url(img/inner/flowborder.gif) no-repeat center bottom;
padding: 0px 0px 10px 0px;
margin-bottom: 20px;
}
.flowm-l{
width: 300px;
float:left;
text-align:center;
}
.flowm img{
margin-bottom:10px;
}
.flowm-r{
width: 281px;
float:right;
}
.flowm-r img{
margin-bottom:10px;
}
.flowm p{
line-height:180%;
padding: 0px 10px 10px 10px;
}
.flowred{
color: #FF0000;
font-weight:bold;
}
.flowm02{
width: 551px;
background: #F0F1FD; 
padding: 15px 15px 5px 15px;
margin: 20px 0px 15px 0px;
}
.flowm02 div{
float:left;
margin-right: 15px;
}
.flowm02 p{
line-height:180%;
padding: 0px 10px 10px 10px;
}

.flowm ul{
padding:0px 0px 10px 25px;
}






/*========================================================= heart ======*/
#heart01{
background: url(img/inner/heart-img02.jpg) no-repeat center top;
width: 551px;
padding: 15px 15px 0px 15px;
line-height: 180%;
}
.heart01txt{
width: 351px;
margin-bottom: 250px;
}
.heart01txt02{
padding-bottom: 30px;
}
#heart02{
background: url(img/inner/heart-img03.jpg) no-repeat center bottom;
padding: 15px 0px 0px 0px;
line-height: 180%;
height:600px;
width: 581px;
}
#heart02 p{
width: 261px;
float:right;
}
#heart03{
width: 551px;
padding: 15px 15px 0px 15px;
line-height: 180%;
}
#heart03 p{
}
#work01 {
background: url(img/inner/work-img02.jpg) no-repeat right top;
width: 551px;
padding: 15px 15px 30px 15px;
line-height: 180%;
}
.work01txt{
width: 280px;
padding-bottom: 20px;
}
#work02 {
background:url(img/inner/work-img03.jpg) no-repeat left center;
padding: 15px 15px 10px 0px;
line-height: 180%;
}
#work02 p{
width: 286px;
padding-left: 280px;
}
#work03 {
background:url(img/inner/work-img04.jpg) no-repeat right center;
width: 241px;
padding: 15px 325px 20px 15px;
line-height: 180%;
}
#work03 p{
width: 241px;
}
#work04 {
background:url(img/inner/work-img05.jpg) no-repeat right top;
width: 551px;
padding: 15px 15px 130px 15px;
line-height: 180%;
}
#work04 p{
width: 200px;
}
#work05 {
width: 551px;
padding: 15px 15px 0px 15px;
line-height: 180%;
}
#work05 p{
}
#work06 {
background:url(img/inner/work-img08.jpg) no-repeat right bottom;
width: 551px;
padding: 15px 15px 0px 15px;
margin-bottom: 40px;
line-height: 180%;
}
#work06 p{
width: 300px;
padding-right: 251px;
padding-bottom: 280px;
}


#person01 {
background:url(img/inner/person-img02.jpg) no-repeat right top;
width: 551px;
padding: 15px 15px 30px 15px;
line-height: 180%;
}
.person01txt {
width: 225px;
padding-bottom: 40px;
}
#person02 {
width: 551px;
padding: 10px 15px 30px 15px;
line-height: 180%;
}
.person02txt {
width: 330px;
padding-right: 221px;
padding-bottom: 240px;
background:url(img/inner/person-img03.jpg) no-repeat right bottom;
}

#treasure01 {
background:url(img/inner/treasure-img02.jpg) no-repeat right bottom;
width: 554px;
padding: 10px 15px 0px 12px;
line-height: 180%;
}
#treasure01 p{
width: 320px;
padding-bottom: 200px;
}
#treasure02 {
background:url(img/inner/treasure-img03.jpg) no-repeat right top;
width: 551px;
padding: 15px 15px 50px 15px;
line-height: 180%;
}
#treasure02 p {
width: 300px;
}
#treasure03 {

width: 551px;
padding: 15px 15px 0px 15px;
line-height: 180%;
}
#treasure03 p{

}
#treasure04 {
width: 551px;
padding: 15px 15px 0px 15px;
line-height: 180%;
}

#link01 {
width: 221px;
padding: 15px 345px 0px 15px;
line-height: 180%;
background:url(img/inner/link-img02.jpg) no-repeat right top;
}
.link01txt {
width: 191px;
padding: 15px 15px 0px 15px;
}

#link02 {
background:url(img/inner/link-img04.jpg) no-repeat center bottom;
width: 551px;
padding: 15px 15px 0px 15px;
line-height: 180%;
margin-bottom: 50px;
}
#link02 p{
padding-bottom: 400px;
}
.linkback {

}

#prodcut01 {
width: 438px;
background:url(img/inner/product-img02.gif) no-repeat left center;
padding:0px 0px 10px 143px;
border-bottom: 1px dotted #000000;
}
#pro01ttl {
width: 433px;
padding: 13px 5px 0px 0px;
background:url(img/inner/product-img03.gif) no-repeat center top;

}
#pro01ttl div{
width: 433px;
text-align:right;
margin-bottom:10px;
}
#pro01ttl p {
text-indent:-9999px;
font-size:10px;
}
.protxt {
padding: 10px 0px 10px 10px;
line-height:180%;
}
.protxt img{
float:right;
margin-left: 10px;
}

#prodcut02 {
width: 438px;
background:url(img/inner/product-img05.gif) no-repeat left center;
padding:0px 0px 10px 143px;
border-bottom: 1px dotted #000000;
}
#pro02ttl {
width: 433px;
padding: 13px 5px 0px 0px;
background:url(img/inner/product-img06.gif) no-repeat center top;
}
#pro02ttl p {
text-indent:-9999px;
font-size:10px;
}
#pro02ttl div{
width: 433px;
margin-bottom:10px;
text-align:right;
}

#prodcut03 {
width: 438px;
background:url(img/inner/product-img08.gif) no-repeat left center;
padding:0px 0px 10px 143px;
border-bottom: 1px dotted #000000;
}
#pro03ttl {
width: 433px;
padding: 13px 5px 0px 0px;
background:url(img/inner/product-img09.gif) no-repeat center top;
}
#pro03ttl p {
text-indent:-9999px;
font-size:10px;
}
#pro03ttl div{
width: 433px;
margin-bottom:10px;
text-align:right;
}

#prodcut04 {
width: 438px;
background:url(img/inner/product-img11.gif) no-repeat left center;
padding:15px 0px 10px 143px;
border-bottom: 1px dotted #000000;
}
#pro04ttl {
width: 433px;
padding: 13px 5px 0px 0px;
background:url(img/inner/product-img12.gif) no-repeat center top;
}
#pro04ttl p {
text-indent:-9999px;
font-size:10px;
}
#pro04ttl div{
width: 433px;
margin-bottom:10px;
text-align:right;
}

#prodcut05 {
width: 438px;
background:url(img/inner/product-img14.gif) no-repeat left center;
padding:15px 0px 10px 143px;
border-bottom: 1px dotted #000000;
margin-bottom: 50px;
}
#pro05ttl {
width: 433px;
padding: 13px 5px 0px 0px;
background:url(img/inner/product-img15.gif) no-repeat center top;
}
#pro05ttl p {
text-indent:-9999px;
font-size:10px;
}
#pro05ttl div{
width: 433px;
margin-bottom:10px;
text-align:right;
}




.wood01 {
background:url(img/inner/mokuimg03.jpg) no-repeat right top;
}
.woodtxt{
width: 300px;
line-height:180%;
padding:10px 0px 60px 10px;
}
.wood02{
background:url(img/inner/mokuimg06.jpg) no-repeat right top;

}
.wood02 p{
padding-right: 250px;
}
.wood03 {
width: 540px;
background: #F3E5D2;
padding: 10px 20px;
line-height: 180%;
margin-bottom: 15px;
}
.b-txt{
font-weight:bold;
}

.import01{
background: url(img/inner/importimg03.jpg) no-repeat center top;
padding-top: 380px;
}
.import02{
background: url(img/inner/importimg06.jpg) no-repeat right top;
margin: 30px 0px 20px 0px;
padding:0px 300px 20px 0px;
}
.import02 h5{
margin-bottom: 10px;
}
.import03{
background:url(img/inner/importimg11.jpg) no-repeat center bottom;
padding-bottom: 370px;
margin: 30px 0px 20px 0px;
}




.techno01{
background:url(img/inner/technoimg02.jpg) no-repeat right top;
margin-top: 20px;
}
.techno01 h4{
margin-bottom: 10px;
}
.techno01 p{
width: 370px;
}
.techno02 {
background:url(img/inner/technoimg06.jpg) no-repeat right top;
}
.techno02 p{
width: 280px;
margin-bottom:40px;
}








/*========================================================= sitemap ======*/
ul.sitemap01 {
}
ul.sitemap01 li{
background:url(img/inner/point09.gif) no-repeat 0px 15px;
padding: 15px 0px 15px 25px;
border-bottom: 1px dotted #111187;
list-style:none;
}
ul.sitemap02 {
margin-left: 25px;
padding-top: 10px;
}
ul.sitemap02 li{
background:url(img/point01.gif) no-repeat 0px 10px;
padding: 7px 0px 7px 20px;
list-style:none;
}
ul.sitemap03 {
margin-left: 50px;
}
ul.sitemap03 li{
padding: 5px 0px 5px 15px;
list-style:none;
background:url(img/point02.gif) no-repeat 0px 10px;
}
ul.sitemap04 {
margin-left: 72px;
padding:0px 0px 10px 10px;
}
ul.sitemap04 li{
padding: 5px 0px ;
}





/*-----------------------------------------------------------info----*/
#contact {
line-height:180%;
}
#contact table {
border-top: 1px solid #4D5794;
border-right: 1px solid #4D5794;
border-left: 1px solid #4D5794;
margin:15px auto 20px auto;
width: 550px;
}
#contact table th{
width: 158px;
padding: 5px 10px;
text-align:left;
font-size:12px;
font-weight:normal;
background:#DADEF9;
border-bottom: 1px solid #4D5794;
border-right: 1px solid #4D5794;
}
#contact table td{
padding: 5px 10px;
font-size:12px;
border-bottom: 1px solid #4D5794;
}
#F-NAME,#F-MAIL,#F-MAIL2,#F-TEL {width: 50%; padding: 2px;}
#F-ADDRESS { width: 90%; height: 120%; padding: 2px;}
#F-MESSAGE { width: 90%; height: 150px; padding: 2px;}
#F-ZIP {width: 30%; padding: 2px;}
.absored{
font-size:10px;
color: #ff0000;
letter-spacing:1px;
}



#flashtop {
text-align:center;
margin-top:10px;
}



.footbana{
text-align:center;
padding: 10px 0px 20px 0px;
}
.footbana02{
text-align:center;
padding: 40px 0px 20px 0px;
}







/*========================================================= reform ======*/
#reform01 {
margin-bottom: 30px;
background: url(img/inner/reform03.gif) repeat-y center top;
}
.refomrtxt {
padding: 10px 20px 20px 20px;
}
.reform02{
padding: 10px;
}
.refomrtxt p{
line-height: 180%;
padding-bottom: 10px;
}
.refomrtxt img{
margin-top: 10px;
}

#reform03 {
margin-bottom: 30px;
background: url(img/inner/reform08.gif) repeat-y center top;
}
#reform04 {
margin-bottom: 30px;
background: url(img/inner/reform13.gif) repeat-y center top;
}
#reform05 {
margin-bottom: 30px;
background: url(img/inner/reform19.gif) repeat-y center top;
}
#reform06 {
margin-bottom: 30px;
background: url(img/inner/reform24.gif) repeat-y center top;
}




.policy{
background: url(img/inner/policyimg02.gif) no-repeat left top;
line-height:180%;
text-align:right;
height: 157px;
margin-bottom:20px;
}
.policy p{
width: 350px;
padding:10px 10px 0px 220px;
text-align:left;
}











/*========================================================= linkbox ======*/
.linkbox {
}
.linkbox dl{
padding:10px 10px;
width: 550px;
border-bottom: 1px dotted #88AFEF;
}
.linkbox dt{
width: 190px;
background: url(img/inner/point06.gif) no-repeat left center;
padding: 0px 10px 0px 15px;
float:left;

height: ;
}
.linkbox dd{
padding: 0px 0px 0px 10px;
float:left;
width: 325px;
}

.linkbox dd a:link,.linkbox dd a:visited { color: #111187; text-decoration:none; }
.linkbox dd a:hover,.linkbox dd a:active { color: #3636B5; text-decoration:underline; }
.linkbox dt a:link,.linkbox dt a:visited { color: #000000; text-decoration:none; }
.linkbox dt a:hover,.linkbox dt a:active { color: #111187; text-decoration:underline; }











.topinfo-ttl{
background: url(img/info.gif) no-repeat left bottom;
text-align: right;
padding:8px 10px 0px 0px;
height: 21px;
}
.topstaff-ttl{
background: url(img/stblog.gif) no-repeat left bottom;
text-align: right;
padding:8px 10px 0px 0px;
height: 21px;
margin-top: 10px
}

















/*========================================================= owner ======*/
#owner-head{
width: 510px;
background: #2A3269;
padding-top: 10px;
margin: 0px auto;
}
.owner-head02{
background: #ffffff;
padding:0px 15px;
width: 480px;
}
.owner-head02 h1{
float:left;
}
.owner-close{
float:right;
}
.owner-txt{
width: 560px;
margin: 15px auto;
line-height:160%;
border:1px solid #6870A8;
background:#F3F4FC;
padding: 10px 15px;
}
.owner-pdf {
width: 560px;
margin: 0px auto 20px auto;
padding-top: 10px;
}








/*========================================================= tuika ======*/
.txt200{
background: url(img/inner/200-img02.jpg)  no-repeat left top;
padding-left: 273px;
line-height:180%;
padding-bottom:50px;
}
.txt200-01{
padding: 40px 10px 10px 15px;
line-height:180%;
background: url(img/inner/200-img04.jpg) no-repeat center top;
}
.ability{
background:url(img/inner/ability-img01.jpg) no-repeat center bottom;
padding: 0px 240px 190px 15px;
line-height:180%;
}
.txt-tui{
padding: 0px 15px;
line-height:180%;
}
ol.txt-tui02 {
padding: 10px 30px;
line-height:180%;
}
ol.txt-tui02 li{
line-height:180%;
}