@charset "utf-8";
/* CSS Document */

body{width:100%; margin:0; padding:0; background-color:#D8C4A5; line-height:16px; font-size:12px; font-family:"Osaka, lr oSVbN, MS UI Gothic, sans-serif;"}
img{ border:none}

#container{width:800px; margin:15px auto 0 auto; background-color:#FFFFFF;}
#main{width:744px; margin:15px 0 0 0; padding:0px 28px; background-color:#FFFFFF;}
#works{width:732px; margin:0; padding:0 0 0 67px; background-color:#FFFFFF;}
#footer{background-color:#FFFFFF; padding-bottom:5px;}
 #footer a:link,#footer a:visited{color:#624933; text-decoration: none; }
 #footer a:active{color:#624933; text-decoration: underline; }
 #footer a:hover{color: #0099ff; text-decoration: underline; }
 .navi{padding:0 28px; margin-bottom:10px; color:#624933; text-align:center;}
 .address{padding:0 28px; margin-bottom:20px; color:#624933;}
 .copy{ text-align:center; margin-bottom:10px; color:#624933;}
#header{width:800px;}
 #header a:link,#header a:visited{color:#624933; text-decoration: none; }
 #header a:active{color:#624933; text-decoration: underline; }
 #header a:hover{color: #0099ff; text-decoration: underline; }
 #mainnavi{float:right; padding-right:28px; margin:110px 0 0 0;}
  #mainnavi ul{padding:0;float:right; width:400px;}
  #mainnavi li{list-style:none; padding:0; float:right; text-align:right;}
   a.mainnavi:link,a.mainnavi:visited,a.mainnavi:active,a.mainnavi:hover{ padding:0 0 0 20px;}
  

.left{float:left;}
.right{float:right;}
.left_talk{float:left; width:450px;}
 .left_talk p.question{ color:#624933;}
 .left_talk p.answer{ color:#FF6600;}
 .left_flow01{float:left; width:350px; margin-right:10px}
.sum{float:left; margin-right:12px; width:133px}
.workssum{float:left; margin-right:15px;}　
.sasaa{margin-left:67px; width:500px;}
.profilebox{float:right; width:325px; margin:106px 0 0 0;}
.profile_left{float:left; width:240px;}
.profile_right{float:right; width:81px;}
.map{float:left;width:331px;}
.proadd{margin:0 0 30px 28px; color:#624933;font-size:12px; line-height:18px; width:350px;}
.pro_file{margin:0 0 200px 0; padding:0 28px;width:688px;}　　


#main02{width:744px; margin:15px 0 0 0; padding:0px 28px; background-color:#FFFFFF;}
#mailform{width:500x; margin:0 0 100px 0 ; padding:0 0 150px 120px; background-color:#FFFFFF; color:#624933;}

/*link*/

a:link,a:visited,a:active{  color: #999999; text-decoration: none; }
a:hover{color: #0099ff; text-decoration: none; }

a.opp:link,a.opp:visited,a.opp:active{  color: #0099ff; text-decoration: none; letter-spacing:1px;}
a.opp:hover{color: #999999; text-decoration: none; }

p{line-height:18px; margin:0 0 10px 0; padding:0}
p.light_color{color:#999999}
p.img_3stop{color:#999999; padding-top:170px;}

p.mainsum a:link,p.mainsum a:visited{color:#624933; text-decoration: none; }
p.mainsum a:active{color:#624933; text-decoration: underline; }
p.mainsum a:hover{color: #0099ff; text-decoration: underline; }

.block02{margin-bottom:2px; clear:both}
.block05{margin-bottom:5px; clear:both}
.block10{margin-bottom:10px; clear:both}
.block14{margin-bottom:14px; clear:both}
.block15{margin-bottom:15px; clear:both}
.block20{margin-bottom:20px; clear:both}
.block25{margin-bottom:25px; clear:both}
.block30{margin-bottom:30px; clear:both}
.block35{margin-bottom:35px; clear:both}
.block40{margin-bottom:40px; clear:both}
.block45{margin-bottom:45px; clear:both}
.block50{margin-bottom:50px; clear:both}
.block60{margin-bottom:60px; clear:both}
.block70{margin-bottom:70px; clear:both}
.block80{margin-bottom:80px; clear:both}
.block90{margin-bottom:90px; clear:both}
.block100{margin-bottom:100px; clear:both}
.block150{margin-bottom:100px; clear:both}
.block200{margin-bottom:200px; clear:both}
.block300{margin-bottom:300px; clear:both}
.clear{clear:both}

/*List*/
ul.list li{padding:0; margin:0 0 30px 0; text-align:right; list-style:none; color:#624933}
 ul.list a:link,ul.list a:visited{color:#624933; text-decoration: none; }
 ul.list a:active{color:#624933; text-decoration: underline; }
 ul.list a:hover{color: #0099ff; text-decoration: underline; }
 
ul.flow li{padding:0; margin:0; text-align:left; list-style:none; color:#624933}

p{line-height:18px; margin:0 0 10px 0; padding:0}
p.light_color{color:#999999}
p.mainsum{color:#624933; text-align:center; margin:0;}
p.profile{color:#624933; margin:23px 0 0 0; font-size:12px; line-height:18px}
p.concept{color:#624933; margin-bottom:44px;}
p.thanks{color:#624933; text-align:center; margin-bottom:200px;}



p.thanks a:link,p.thanks a:visited{color:#624933; text-decoration: none; }
p.thanks a:active{color:#624933; text-decoration: underline; }
p.thanks a:hover{color: #0099ff; text-decoration: underline; }


.text01{color:#624933;font-size:14px; font-weight:bold; margin:0 0 0 0;}
.text02{color:#624933;font-size:12px;}

p.flow{color:#624933;font-size:12px; line-height:18px;}
p.flow_question{ color:#1B9F7E; margin:0;}
p.flow_answer{ color:#4C2E16; margin:0;}


  
#flow_lib{color:#1B9F7E; margin-left:120px; float:left; width:450px}
 #flow_lib ul{padding:0;margin:0;}
 #flow_lib li{list-style:none; padding:0 ; float:left; padding-right:60px;}
 #flow_lib a:link,.flow_lib a:visited{color:#624933; text-decoration: none; }
 #flow_lib a:active{color:#624933; text-decoration: underline; }
 #flow_lib a:hover{color: #0099ff; text-decoration: underline; }



  
  
#talk_lib{color: #FF0000;  margin-left:50px; float:left; width:250px}
 #talk_lib ul{padding:0;margin:0;}
 #talk_lib li{list-style:none; padding:0 ; float:left; padding-right:20px;}
 #talk_lib a:link, .talk_lib a:visited{color:#624933; text-decoration: none; }
 #talk_lib a:active{color:#624933; text-decoration: underline; }
 #talk_lib a:hover{color: #0099ff; text-decoration: underline; }


h1{margin:0; padding:0; float:left; width:180px;}
h2{margin:0 0 44px 0;font-size:14px; color:#624933; font-weight:normal;}
h2.works{margin:15px 0 40px 28px;font-size:14px; color:#624933; font-weight:normal;}
h2.flow{margin:0 0 44px 0;font-size:14px; color:#624933; font-weight:normal; float:left;}
h2.talk{margin:0 0 44px 0;font-size:14px; color:#624933; font-weight:normal; float:left;}
h3.talk{margin:0 0 10px 0; font-size:20px; color:#624933; font-weight:700;}
h3.thanks{ text-align:center;font-size:20px; color:#624933; font-weight:700;}
h4{}


/*Table*/
table.table01{border-collapse:collapse; color:#624933; width:744px}
table.table01 th{width:60px; background:#D8C3A5; text-align: center; vertical-align: middle; line-height:18px; padding:5px 10px; font-size:12px; }
table.table01 td{background:#F0E6B1; text-align:left; vertical-align:top; line-height:18px; padding:5px 10px; vertical-align:top; font-size:12px;}


.table_clear{padding:5px 5px 5px 70px; color:#624933; clear:both;}
.table_left01{float:left; width:300px; padding:115px 0 0 10px; color:#624933;}
.table_left02{float:left; width:300px; padding:3px 0 0 10px; color:#624933;}
.table_left03{float:left; width:300px; padding:252px 0 0 10px; color:#624933;}
table.workflow{border-collapse:collapse; color:#624933; width:400px; border:solid 1px #8E7462; float:left;}
table.workflow th{width:60px; background-color:#D8C3A5;}
table.workflow td{ padding:3px}
table.workflow td.wh02{ padding:10px 0 10px 65px}