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


/* layout /////// ****** base.cssに記述 ******** /////////////////////////
#header{width:960px; height:130px; margin:0px; padding:0px; border-top:8px solid #59533C;}
#top_area{width:960px; height:340px; margin:0px; padding:0px;}
#site{width:960px; height:auto; margin:0px; padding:1px 0px;}
#footer{width:960px; height:117px; margin:0px; padding:0px; border-bottom:8px solid #59533C;}
*/


/* main_contents */
#main_contents{width:960px; height:auto; margin:0px; padding:10px 0px; clear:both;}


/* navi */
#navi{width:255px; height:auto; margin:0px; padding:0px; float:left;}
.anniversary{width:255px; height:84px; margin:0px; padding:0px; background:url(../img/anniversary.gif); text-indent:-2000px;}
.nevi00{width:255px; height:40px; margin:10px 0px 0px 0px; padding:0px; background:url(../img/navi00.gif); text-indent:-2000px;}
.nevi01{width:255px; height:40px; margin:10px 0px 0px 0px; padding:0px; background:url(../img/navi01.gif); text-indent:-2000px;}
.nevi02{width:255px; height:40px; margin:10px 0px 0px 0px; padding:0px; background:url(../img/navi02.gif); text-indent:-2000px;}
.nevi03{width:255px; height:40px; margin:10px 0px 0px 0px; padding:0px; background:url(../img/navi03.gif); text-indent:-2000px;}
.nevi04{width:255px; height:40px; margin:10px 0px 0px 0px; padding:0px; background:url(../img/navi04.gif); text-indent:-2000px;}
.navi_li_01{width:240px; height:30px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; line-height:30px; overflow:hidden; background:url(../img/navi_bg01.gif); display:block;}
.navi_li_02{width:240px; height:30px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; line-height:30px; overflow:hidden; background:url(../img/navi_bg02.gif); display:block;}
.navi_li_03{width:240px; height:30px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; line-height:30px; overflow:hidden; background:url(../img/navi_bg03.gif); display:block;}
.navi_li_04{width:240px; height:30px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; line-height:30px; overflow:hidden; background:url(../img/navi_bg04.gif); display:block;}
.navi_li_05{width:240px; height:30px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; line-height:30px; overflow:hidden; background:url(../img/navi_bg05.gif); display:block;}

#navi ul{width:255px; height:auto; margin:0px; padding:10px 0px;}
#navi li{width:225px; height:25px; margin:0px; padding:0px 0px 0px 30px; list-style-type:none; line-height:25px; overflow:hidden; background:url(../img/menu_li_bg.gif);}

#navi div.support{width:255px; height:230px; margin:10px 0px;}
#navi div.support em{width:255px; height:142px; margin:0px; padding:0px; display:block; background:url(../img/navi_info01.gif); text-indent:-2000px;}
#navi div.support span a{width:255px; height:88px; margin:0px; padding:0px; display:block; background:url(../img/navi_info02.gif); text-indent:-2000px;}

#navi div.bn{width:255px; height:auto; margin:0px; padding:0px 0px 10px 0px;}

/* bottom_banner_space */
#bottom{width:960px; height:64px; margin:0px 0px 10px 0px; padding:10px 0px 6px 0px; clear:both; background:url(../img/white_bg.gif) repeat; overflow:hidden;}
#bottom p{width:190px; height:64px; margin:0px; padding:0px 1px; float:left; display:inline;}


/* contents */
#contents{width:700px; height:auto; margin:0px; padding:0px 0px 0px 5px; float:right;}
#contents p.up{width:700px; height:30px; margin:0px; padding:0px; line-height:30px; text-align:center;}

.bn_700x180{width:700px; height:180px; margin:10px 0px; padding:0px; clear:both;}


/* //////////////ここから下はそれぞれのページ//////////////// */


/* support */
#support{width:700px; height:auto; margin:0px; padding:0px; clear:both;}
#support p.text{width:660px; height:auto; margin:0px; padding:10px 20px; text-align:left; line-height:22px;}
#support p.text strong{color:#FF0000;}
#support p.text em{color:#FF0000; font-style:normal;}

#support iframe{width:660px; height:560px; margin:0px auto; overflow:hidden;}


/* form */
#form{width:600px; height:auto; margin:0px; padding:20px;}
#form p.text{width:660px; height:auto; margin:0px; padding:10px 20px; text-align:left; line-height:22px;}
#form p.text strong{color:#FF0000;}
#form p.text em{color:#FF0000; font-style:normal;}

#form form{text-align:center;}

#form table{width:560px; height:auto; margin:0px auto; padding:0px; line-height:26px; background:#57513B;}
#form table tr{min-height:30px;}
#form table th{width:140px; padding:0px; text-align:center; vertical-align:middle; font-weight:normal; background:#B9B397;}
#form table td{width:400px; padding:5px; text-align:left; background:#FFFFFF;}
#form table td span{width:190px; display:block; float:left;}
#form table em{color:#FF0000; font-style:normal;}

#form table input.text{width:280px;}
#form table input.radio{margin:0px 5px;}
#form table textarea{width:300px; height:120px; font-size:12px; overflow:auto;}
#form input.submit{margin:0px 10px;}


/* company */
#company{width:700px; height:auto; margin:0px; padding:10px 0px;}
#company h2{text-indent:-2000px;}
#company h3{margin:0px; padding:0px;}
#company h4{margin:0px; padding:0px;}
#company h5{margin:0px; padding:0px;}

#company p.greeting{width:640px; height:auto; margin:0px; padding:10px 40px 10px 20px; line-height:26px; font-size:14px;}
#company p.ideology{width:640px; height:auto; margin:0px; padding:8px 40px 8px 20px; line-height:22px;}

#company table{width:600px; height:auto; margin:10px auto; padding:0px; line-height:26px; background:#57513B;}
#company table tr{min-height:30px;}
#company table th{width:200px; padding:0px; text-align:center; vertical-align:middle; font-weight:normal; background:#B9B397;}
#company table td{width:380px; padding:5px 5px 5px 10px; text-align:left; background:#FFFFFF;}
 
#company iframe{margin:10px 80px;}
#company p.map{width:540px; margin:0px 80px; text-align:center;}


/* about */
#about{width:700px; height:auto; margin:0px; padding:0px;}
#about h3{width:680px; height:30px; margin:10px 0px 0px 0px; padding:0px 10px; text-align:center; font-size:18px; line-height:30px; color:#FFFFFF; background-color:#009900;}
#about h3.title{width:652px; height:22px; margin:5px 10px; padding:0px 10px; line-height:22px; font-size:14px; text-align:left; background:url(../img/w_bg.gif); overflow:hidden; border-left:8px solid #383425; color:#383425;}
#about p.c1{width:660px; height:auto; margin:0px; padding:8px 20px 8px 20px; line-height:22px;}
#about div.ui{width:700px; height:auto; margin:0px; padding:0px; clear:both;}
#about div p.c2{width:450px; height:295px; margin:0px; padding:15px 10px 8px 20px; line-height:22px; float:left; overflow:hidden;}
#about p.c1 span{width:195px; height:30px; margin:0px; padding:0px 0px 0px 24px; line-height:30px; display:block; float:left; background:url(../img/about/a_icon01.gif) left no-repeat;}

#about p.c1 span a:link{color:#383425; text-decoration:underline;}
#about p.c1 span a:visited{color:#383425; text-decoration:underline;}
#about p.c1 span a:hover{color:#383425; text-decoration:underline;}


/* help */
#help{width:700px; height:auto; margin:0px; padding:10px 0px;}
#help p.q{width:594px; height:auto; margin:0px 40px; padding:0px 0px 0px 26px; line-height:24px; background:url(../img/help/h_icon01.gif) top left no-repeat;}
#help p.a{width:604px; height:auto; margin:0px 30px 15px 40px; padding:4px 0px 0px 26px; line-height:20px; background:url(../img/help/h_icon02.gif) top left no-repeat;}
#help em{color:#FF0000; font-style:normal;}


/* flow */
#flow{width:700px; height:auto; margin:0px; padding:0px;}
#flow h2{width:700px; height:30px; margin:0px; padding:10px 0px 0px 0px;}
#flow p.c1{width:660px; height:auto; margin:0px; padding:8px 20px 8px 20px; line-height:22px;}
#flow span.hbt{width:700px; height:30px; margin:0px; padding:0px; display:block; text-align:right;}
#flow p.step01{width:560px; height:75px; margin:0px; padding:10px 120px 0px 20px; line-height:20px; background:url(../img/flow/step01.gif) top right no-repeat;}
#flow p.step02{width:560px; height:75px; margin:0px; padding:10px 120px 0px 20px; line-height:20px; background:url(../img/flow/step02.gif) top right no-repeat;}
#flow p.step03{width:560px; height:75px; margin:0px; padding:10px 120px 0px 20px; line-height:20px; background:url(../img/flow/step03.gif) top right no-repeat;}
#flow p.step04{width:560px; height:75px; margin:0px; padding:10px 120px 0px 20px; line-height:20px; background:url(../img/flow/step04.gif) top right no-repeat;}
#flow p.step05{width:560px; height:75px; margin:0px; padding:10px 120px 0px 20px; line-height:20px; background:url(../img/flow/step05.gif) top right no-repeat;}
#flow p.step06{width:560px; height:75px; margin:0px; padding:10px 120px 0px 20px; line-height:20px; background:url(../img/flow/step06.gif) top right no-repeat;}
#flow p.step07{width:560px; height:75px; margin:0px; padding:10px 120px 0px 20px; line-height:20px; background:url(../img/flow/step07.gif) top right no-repeat;}
#flow p.need{width:540px; height:20px; margin:0px; padding:24px 112px 16px 48px; overflow:hidden; clear:both; background:url(../img/flow/need_bg.gif) left no-repeat;}
#flow em{color:#FF0000; font-style:normal;}
#flow p.end{width:510px; height:60px; margin:0px 0px 50px 0px; padding:20px 60px 20px 130px; line-height:20px; background:url(../img/flow/end_bg.gif);}


/* manage */
#manage{width:700px; height:auto; margin:0px; padding:0px;}
#manage h2{width:700px; height:30px; margin:0px; padding:0px; background:url(../img/manage/mtt_01.gif) no-repeat; text-indent:-2000px}
#manage h3{width:620px; height:22px; margin:6px 0px 0px 20px; padding:0px 30px; line-height:22px; font-weight:normal; font-size:12px; background:url(../img/manage/m_icon01.gif) left no-repeat;}
#manage h4{width:700px; height:120px; margin:0px; padding:0px; background:url(../img/manage/m_img01.gif); text-indent:-2000px;}
#manage h5{width:700px; height:150px; margin:0px; padding:0px; background:url(../img/manage/m_img02.gif); text-indent:-2000px; overflow:hidden;}
#manage h5 a{width:700px; height:150px; margin:0px; padding:0px; display:block; overflow:hidden;}
#manage p.c1{width:660px; height:auto; margin:0px; padding:8px 20px 8px 20px; line-height:22px;}
#manage p.c1 strong{font-weight:normal;}

#manage div.ex{width:700px; height:auto; margin:0px 0px 20px 0px; padding:5px 0px;}
#manage div.ex p.memo{width:680px; padding:0px 0px 0px 20px; line-height:24px;}
#manage div.ex p.ex_tt{width:700px; height:18px; margin:0px; padding:0px; color:#FF3366; font-size:16px; font-weight:bold;}
#manage div.ex ul{width:700px; height:auto; margin:0px; padding:0px;}
#manage div.ex li{height:140px; margin:5px; padding:0px; list-style-type:none; display:inline; float:left; overflow:hidden;}
#manage div.ex li a{display:block; height:140px; background-position:0 0; background-repeat:no-repeat; text-indent:-2000px; overflow:hidden;}  
#manage div.ex li.ex01 a{width:220px; background:url(../img/manage/01.jpg);}
#manage div.ex li.ex02 a{width:220px; background:url(../img/manage/02.jpg);}
#manage div.ex li.ex03 a{width:220px; background:url(../img/manage/03.jpg);}
#manage div.ex li.ex04 a{width:220px; background:url(../img/manage/04.jpg);}
#manage div.ex li.ex05 a{width:220px; background:url(../img/manage/05.jpg);}
#manage div.ex li.ex06 a{width:220px; background:url(../img/manage/06.jpg);}
#manage div.ex li.ex07 a{width:220px; background:url(../img/manage/07.jpg);}
#manage div.ex li.ex08 a{width:220px; background:url(../img/manage/08.jpg);}
#manage div.ex li.ex09 a{width:220px; background:url(../img/manage/09.jpg);}
#manage div.ex li a:hover{background-position:0 -140px;}


/* link */
#link{width:700px; height:auto; margin:0px; padding:0px; clear:both;}

#link p.pan{width:700px; height:26px; padding:0px; margin:0px; text-align:right; font-weight:bold; font-size:14px; line-height:26px;}

#link h2.link_tt{width:660px; height:46px; margin:0px; padding:0px 20px; clear:both; line-height:46px; font-size:18px; color:#031530; letter-spacing:5px; background:url(../img/link/tt_bg.gif) no-repeat;}
#link h3{width:640px; height:25px; margin:20px 0px 10px 0px; padding:0px 30px; line-height:25px; font-size:14px; background:url(../img/link/mmt_bg.gif) no-repeat left;}
#link h3.main{width:700px; height:60px; margin:0px; padding:30px 5px 0px 5px;}
#link div.main p{width:640px; height:auto; margin:0px; padding:5px 10px 0px 50px;}
#link div.box{width:580px; height:auto; margin:10px 50px; padding:10px; clear:both; line-height:22px; background-color:#FFFFFF; border:#999999 1px solid;}

#link div.bn{width:700px; height:auto; margin:5px 0px 0px 0px; padding:0px; clear:both;}
#link div.bn img{margin:5px; padding:0px; float:left;}

#link p{width:680px; height:auto; margin:3px 0px 0px 0px; padding:0px 10px; line-height:22px; overflow:hidden; clear:both;}
#link p strong{width:auto; height:22px; margin:0px; padding:0px 0px 0px 14px; float:left; background:url(../img/link/l_icon01.gif) no-repeat left;}
#link p strong a:link{color:#0066CC; text-decoration:none;}
#link p strong a:visited{color:#0066CC; text-decoration:none;}
#link p strong a:hover{color:#0066CC; text-decoration:underline;}
#link p span{width:auto; height:22px; margin:0px; padding:0px 0px 0px 10px; float:left;}

/* sitemap */
#sitemap{width:700px; height:auto; margin:0px; padding:10px 0px;}
#sitemap div.block{width:213px; height:auto; margin:0px; padding:0px 0px 0px 20px; float:left;}
#sitemap div.block2{width:213px; height:auto; margin:0px; padding:0px 1px 0px 20px; float:right;}
#sitemap div h3{width:185px; height:22px; margin:0px; padding:0px 10px; line-height:22px; font-size:14px; color:#076589; border-left:8px solid #076589;}
#sitemap div ul{width:193px; height:auto; margin:0px; padding:10px 10px 20px 10px;}
#sitemap div li{width:178px; height:22px; margin:0px; padding:0px 0px 0px 15px; line-height:22px; list-style-type:none; background:url(../img/link/l_icon01.gif) left no-repeat;}
#sitemap div li a:link{text-decoration:none;}
#sitemap div li a:visited{text-decoration:none;}
#sitemap div li a:hover{text-decoration:underline;}


/* campaign */
#campaign{width:700px; height:auto; margin:0px; padding:10px 0px;}


/* glossary */
#glossary{width:700px; height:auto; margin:0px; padding:0px; overflow:hidden;}
#glossary a:link{text-decoration:underline;}
#glossary a:visited{text-decoration:underline;}
#glossary a:hover{text-decoration:underline;}
#glossary p.search{width:700px; height:30px; margin:0px; padding:20px 0px 10px 0px; text-align:center;}
#glossary div.block{width:690px; height:auto; margin:0px 0px 10px 0px; padding:16px 4px; border:1px solid #300907; background:#FFFFFF; clear:both;}
#glossary div h3{width:670px; height:20px; margin:0px 0px 0px 5px; padding:0px 5px; border-left:5px solid #9F1916; font-size:12px; line-height:20px;}
#glossary div ul{width:690px; height:auto; margin:0px; padding:10px 0px; clear:both;}
#glossary div li{width:210px; height:22px; margin:0px 1px 0px 6px; padding:0px 0px 0px 10px; float:left; line-height:22px; list-style-type:none; background:url(../img/icon02.gif) left no-repeat;}
#glossary div.block p{width:650px; height:auto; margin:0px; padding:5px 10px 0px 20px; font-size:12px; line-height:20px;}