@charset "utf-8";
/* CSS Document */
img{border:0;}
.clear{ clear:both;}
body{margin:0; padding:0; text-align:center;/* background:url(../images/bg.jpg) 0 0 repeat;f*/ont-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;}
#warp{text-align: left; margin: auto; width:1000px; background:url(../images/bg.jpg) 0 0 repeat;}
#top{background:url(../images/top_bg.jpg) 0 0 no-repeat; height:539px; position:relative;}
#top .menu{ width:357px; position:absolute; top:380px; left:489px;}

#main{ text-align:center; background:url(../images/main_bg.jpg) 0 0 no-repeat;}
#main .middle{border: 1px solid #989898; border-bottom:0;width:820px; padding:16px 0 0 0; text-align:left; margin:auto; background:url(../images/middle_bg.gif) 0 0 repeat;}
#main .middle .tab01{width:766px; height:228px; background: url(../images/mid_tab_bg.png); margin: 0 0 19px 29px;}
#main .middle .tab01 .info{padding: 20px 32px 0 32px;}
#main .middle .tab01 .cont{padding: 7px 0 0 0;}
/*==================*/
#main .middle .tab01 .cont .c_left{float:left; width:252px; padding: 0 0 0 11px; position:relative; display:none;}
#main .middle .tab01 .cont .c_left img{width:250px; height:200px; border: 1px solid #e6c1fd;}
/*==================*/
#main .middle .tab01 .cont .c_right{padding: 0 0 0 18px;color:#574112;}
#main .middle .tab01 .cont .c_right .tit{font-size:18px; line-height:18px; padding:15px 0 0 0; font-weight:bold; position:relative;}
#main .middle .tab01 .cont .c_right .tit .time{color:#71c6bf; font-size:15px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
#main .middle .tab01 .cont .c_right .c_info{font-size:14px; line-height:19px; position:relative; padding:8px 0 0 0; min-height:40px; height:auto!important; height:40px; margin-bottom:6px;}
#main .middle .tab01 .cont .c_right .but{position:relative;}
#main .middle .tab01 .cont .c_right .but01{margin-left:5px;}
#main .middle .tab01 .cont .c_right .but02{margin-left:18px;}


#main .middle .tab01 .cont2{padding: 7px 0 0 0;}
#main .middle .tab01 .cont2 .c_right{padding: 0 0 0 18px;color:#574112;}
#main .middle .tab01 .cont2 .c_right .tit{font-size:18px; line-height:18px; padding:15px 0 0 0; font-weight:bold; position:relative;}
#main .middle .tab01 .cont2 .c_right .tit .time{color:#71c6bf; font-size:15px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
#main .middle .tab01 .cont2 .c_right .c_info{font-size:14px; line-height:19px; position:relative; padding:8px 0 0 0; min-height:40px; height:auto!important; height:40px; margin-bottom:6px;}
#main .middle .tab01 .cont2 .c_right .but{position:relative;}
#main .middle .tab01 .cont2 .c_right .but01{margin-left:5px;}
#main .middle .tab01 .cont2 .c_right .but02{margin-left:18px;}

#main .middle .tab02{width:766px; margin: 0 0 19px 29px; position:relative;}
#main .middle .tab02 .but_2{position:absolute;top:402px;left:63px;}


#main .middle .tab03{width:766px; height:190px; background: url(../images/tab03.png); margin: 0 0 19px 29px;}
#main .middle .tab03 .info{padding: 20px 32px 0 32px;}
#main .middle .tab03 .cont{padding: 2px 0 0 0;}
/*==================*/
#main .middle .tab03 .cont .c_left{float:left; width:252px; padding: 0 0 0 11px; position:relative; display:none;}
#main .middle .tab03 .cont .c_left img{width:250px; height:200px; border: 1px solid #e6c1fd;}
/*==================*/
#main .middle .tab03 .cont .c_right{padding: 0 0 0 18px;color:#574112;}
#main .middle .tab03 .cont .c_right .tit{font-size:18px; line-height:18px; padding:15px 0 0 0; font-weight:bold; position:relative;}
#main .middle .tab03 .cont .c_right .tit .time{color:#71c6bf; font-size:15px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
#main .middle .tab03 .cont .c_right .c_info{font-size:14px; line-height:19px; position:relative; padding:8px 0 0 0; min-height:40px; height:auto!important; height:40px; margin-bottom:6px;}
#main .middle .tab03 .cont .c_right .but{position:relative;}
#main .middle .tab03 .cont .c_right .but01{margin-left:5px;}
#main .middle .tab03 .cont .c_right .but02{margin-left:18px;}




#link{}
#link .p01{padding: 0 0 0 288px;}
#link .p02{padding: 16px 0 20px 152px; height:82px;}
#link .p02 .ph02{margin:22px 0 0 16px;}




#mailform{width:360px; height:500px; margin:auto; background:url(../images/mailform.jpg) 0 0 no-repeat; text-align:left; position:relative;}
#mailform .close{ position:absolute; right: 4px; top:2px;}
#mailform .close img{width:15px; height:15px;}


#mailform .n01{padding: 152px 0 0 29px;}
#mailform .n02{padding: 25px 0 0 29px;}
#mailform .n03{padding: 24px 0 0 29px;}

*html #mailform .n04{padding: 30px 0 0 29px;}
*+html #mailform .n04{padding: 30px 0 0 29px;}
#mailform .n04{padding: 35px 0 5px 29px;}

#mailform .n05{ text-align:center; padding:3px 0 0 0;}

#mailform input.button{background: none; border:0; padding:0; margin:0; width:300px; height:23px;}
#mailform textarea.button2{ background: none; padding:0; margin:0; border:0; width:300px; height:150px; font-size:12px;}
#mailform div{ margin:0; padding:0;}
#mailform td{ vertical-align: top;}

#select{background: none; border:0; padding:0; margin:0; width:298px; height:23px;}
#mailform2{width:360px; height:500px; margin:auto; background:url(../images/mailform2.jpg) 0 0 no-repeat; text-align:left; position:relative;}
#mailform2 .close{ position:absolute; right: 4px; top:2px;}
#mailform2 .close img{width:15px; height:15px;}
#mailform2 div{ margin:0; padding:0;}
#mailform2 td{ vertical-align: top;}