body{

background-color:#f5f0e8;

}

p{

color:#211714;
font-family: Verdana, sans-serif;
line-height:1.6em;
margin-bottom:23px;
font-size:14px;

}

#head_tbl{
width:865px;
}

#pagetop{

text-align:center;

width:100%

}

#wrapper{

width:865px;

margin:0 auto;

text-align:left;

}

#header:after{

content: ".";

display: block;

clear: both;

height: 0;

visibility: hidden;

}

.header_txt{

float:left;

}

.header_logo{

float:right;

}



#bg_top{

background:url('../images/bg01.jpg') no-repeat left top;

height:30px;

clear:both;

}

#bg_mid{

background:url('../images/bg02.jpg') repeat-y left top;

text-align:center;

width:865px;

}

#contents{

width:705px;

margin:0 auto;

text-align:left;

}

#bg_btm{

background:url('../images/bg03.jpg') no-repeat left top;

height:45px;

}

.ttl{

margin:20px 0 0 0;

}

.menu{

margin:40px 0;

}

.list03_1{

list-style-type:none;

padding-left:5px;

}

.list03_1 li{

background:url("../images/iconB.jpg") no-repeat scroll 0 1px rgba(0, 0, 0, 0);

padding-left:25px;

padding-bottom:15px;

line-height:1.4em;

font-size:14px;

}

.ex_top1{

background:url('../images/exa1.jpg') repeat-y left top rgba(0, 0, 0, 0);

height:50px;

}

.ex_top1 img{

position:relative;

top:13px;

left:65px;

}

.ex_top2{

background:url('../images/exa2.jpg') repeat-y left top rgba(0, 0, 0, 0);

height:50px;

}

.ex_top2 img{

position:relative;

top:13px;

left:65px;

}

.ex_top3{

background:url('../images/exa3.jpg') repeat-y left top rgba(0, 0, 0, 0);

height:50px;

}

.ex_top3 img{

position:relative;

top:20px;

left:65px;

z-index:100;

}

.ex_top4{

background:url('../images/exa4.jpg') repeat-y left top rgba(0, 0, 0, 0);

height:50px;

}

.ex_top4 img{

position:relative;

top:13px;

left:65px;

}

.ex_top5{

background:url('../images/exa5.jpg') repeat-y left top rgba(0, 0, 0, 0);

height:50px;

}

.ex_top5 img{

position:relative;

top:13px;

left:65px;

}

.ex_top6{

background:url('../images/exa6.jpg') repeat-y left top rgba(0, 0, 0, 0);

height:50px;

}

.ex_top6 img{

position:relative;

top:13px;

left:65px;

}

.ex_mid{

background:url('../images/exb.jpg') repeat-y left top rgba(0, 0, 0, 0);

width:705px;

margin:0 auto;

position:relative;

min-height:150px;

height:auto !important;

height:150px;

}

.ex_mid:after{

content: ".";

display: block;

clear: both;

height: 0;

visibility: hidden;

}

.ex_mid table{

position:absolute;

top:-30px;

right:5px;

width:212px;

}



/* chrome,safari対応 */

@media screen and (-webkit-min-device-pixel-ratio:0) {

.ex_mid table{right:35px;}

}



/*.ex_mid table{

float:right;

width:212px;

margin:-30 5px 0 15px;

}*/



.ex_mid table img{

}

.img_waku{

margin:0 25px 0 0;

background-color:#ffffff;

border:1px solid #ada495;

padding:5px;

}

.ex_mid p{

margin:0 220px 0 0;

padding:10px 40px 0 40px;

}

.ex_mid3_p{

padding-top:30px !important;

}

.ex_mid6{

background:url('../images/exb.jpg') repeat-y left top rgba(0, 0, 0, 0);

width:705px;

margin:0 auto;

}

.ex_mid6 p{

padding:0 40px;

margin:0;

}

.ex_img01{

float:right;

margin-right:30px;

}

.cap{

font-size:10px;

color:#211714;

padding:0 10px 0 0 !important;

margin:0 !important;

}

.ex_btm{

background:url('../images/exc.jpg') repeat-y left top rgba(0, 0, 0, 0);

height:30px;

margin-bottom:15px;

}

.example div p{



}

.area04_1{

height:30px;

}

.area04_tbl{

border:0 none;

border-collapse:collapse;

}

.area04_tbl td{

vertical-align:top;

}

.area04_waku{

width:226px;

float:left;

margin:4px;

}

.area04_top{

background:url('../images/04bg_top.jpg') no-repeat left bottom rgba(0, 0, 0, 0);

height:10px;

width:100%;

}

.area04_mid{

background:url('../images/04bg_mid.jpg') repeat-y left top rgba(0, 0, 0, 0);

padding:0 10px;

}

.area04_mid p{

margin:0 !important;

padding:0;

line-height:1.3em;

font-weight:bold;

color:#59433a;

font-size:13px;

}

.area04_mid p a{

text-decoration:none;

color:#59433a;

}

.area04_mid p a:hover{

color:#a57866;

}

.letter_s01{

letter-spacing:-1px;

}

.area04_mid img{

margin:5px 0;

border:1px solid #a57866;

}

.area04_mid p.cap04{

text-align:right;

font-weight:normal;

font-size:11px;

}

.area04_btm{

background:url('../images/04bg_btm.jpg') no-repeat left top rgba(0, 0, 0, 0);

height:12px;

width:100%;

}



.qa{

list-style-type:none;

padding-left:5px;

}

.qa li{

padding-bottom:20px;

padding-left:25px;

line-height:1.6em;

font-size:14px;

}



.qa li.qa_q{

background:url("../images/iconQ.jpg") no-repeat scroll 0 3px rgba(0, 0, 0, 0);

}

.qa li.qa_a{

background:url("../images/iconA.jpg") no-repeat scroll 0 3px rgba(0, 0, 0, 0);

}

.arrow_area{

border-top:2px dotted #999;

border-bottom:2px dotted #999;

padding-top:16px;

margin-bottom:30px;

margin-left:30px;

}

.arrow_area div{

margin-left:70px;

}

.arrow_area p{

padding:0;

}

.area07{

text-align:center;

margin:0 auto;

padding-top:30px;

position:relative;

}

.area07:after{

content: ".";

display: block;

clear: both;

height: 0;

visibility: hidden;

}

.last_img{


position:relative;

right:-40px;

margin-bottom:20px;

}

.totop{

float:right;

clear:both;

border:0 none;

}

.txt_s{

font-size:13px;

margin-top:0;

margin-left:15px;



}

.txt_r{

text-align:right;

}

.mgnb20{

margin-bottom:20px;

}

.mgnb30{

margin-bottom:30px;

}

.mgnt20{

margin-top:20px;

}

#copyright{
text-align:center;
}

/* Twitter */

#twitter-widget-0{width:110px !important;}



/* 印刷用エリアを非表示 */

#print_area{display:none;}



/* 印刷用CSS */

@media print {

#pagetop{display:none;}

#print_area{display:block;}

}



/* 日本語/英語ナビゲーション */
#language{float:right;list-style-type:none;font-family: Verdana, sans-serif;margin-bottom:0;}
#language li{display:block;float:left;color:#aba8a2;letter-spacing:1px;}
#language li a{text-decoration:none;}
#language li a:link { color: #000000; }
#language li a:visited { color: #000000; }
#language li a:hover { color: #aba8a2; }
#language li a:active { color: #aba8a2; }
.no_link{width:30px;text-align:center;font-weight:bold;color:#000000 !important;}