/* CSS Document */

/* 基本装飾 */

body { font-size: 13px; line-height: 20px; text-align: center; margin-top:0; }

a{ color: #946823; text-decoration: none; }
a:link{ color: #946823; text-decoration: none; }
a:visited{ color: #946823; text-decoration: none; }
a:hover{ color: #ff9600; text-decoration: underline; }

p { font-size: 13px; padding:0; margin: 0px; color:#333333; line-height:18px; }
em { visibility:hidden; }

.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font24 { font-size: 24px; }
.font28 { font-size: 28px; }
.font32 { font-size: 32px; }
.red { color: #FF0000; }
.blue { color: #0000FF; }
.green { color: #006600; }
.gray { color: #666666; }
.white { color: #FFFFFF; }
.black { color: #000000; }

.left { float: left; margin: 0px 10px 10px 0; }
.right { float: right; margin: 0px 0px 10px 10px; }

.clear { clear:both;}


/*****【ページレイアウト】*****/
#wrapper { width: 900px; margin: 0; padding: 0;
           text-align: left; margin-left: auto; margin-right: auto; background: none; }


/******【メイン】********/
#main { float:left; width: 600px; margin-left:20px; padding: 0; }
#main_in { margin:0; padding:0; }

.main_l { margin:0; padding:0; width:280px; float:left;}

img.logo { margin:10px 0 0 0; padding:0; }


/******【左ナビ】*****/
#navi { width:220px; display:block; margin:0; padding:0; float:right; }

#navi #l_navi { width:200px; margin-left:10px; padding:0; display:block; }

#navi #l_navi img.bnbn { margin:10px 0 0 0; padding: 0; }
#navi #l_navi ul { list-style: none; margin:0; padding: 0; }
#navi #l_navi li { margin: 0; padding: 0; font-size: 13px; }
#navi #l_navi li em { visibility:hidden; }


#navi #l_navi li.navi01 a { display:block; width:200px; line-height: 50px; color: #333333; margin:13px 0 0 0; padding:0;
                            background-image: url(images/l_navi_01.jpg); background-position:left top; text-decoration: none; text-align: center; }
#navi #l_navi li.navi01 a:hover { background-color: none; background-position: right top; text-decoration: none; }
#navi #l_navi li.navi02 a { display:block; width:200px; line-height: 50px; color: #333333; margin:0; padding:0;
                            background-image: url(images/l_navi_02.jpg); background-position:left top; text-decoration: none; text-align: center; }
#navi #l_navi li.navi02 a:hover { background-color: none; background-position: right top; text-decoration: none; }
#navi #l_navi li.navi03 a { display:block; width:200px; line-height: 50px; color: #333333; margin:0; padding:0;
                            background-image: url(images/l_navi_03.jpg); background-position:left top; text-decoration: none; text-align: center; }
#navi #l_navi li.navi03 a:hover { background-color: none; background-position: right top; text-decoration: none; }
#navi #l_navi li.navi04 a { display:block; width:200px; line-height: 50px; color: #333333; margin:0; padding:0;
                            background-image: url(images/l_navi_04.jpg); background-position:left top; text-decoration: none; text-align: center; }
#navi #l_navi li.navi04 a:hover { background-color: none; background-position: right top; text-decoration: none; }
#navi #l_navi li.navi05 a { display:block; width:200px; line-height: 50px; color: #333333; margin:0; padding:0;
                            background-image: url(images/l_navi_05.jpg); background-position:left top; text-decoration: none; text-align: center; }
#navi #l_navi li.navi05 a:hover { background-color: none; background-position: right top; text-decoration: none; }
#navi #l_navi li.navi06 a { display:block; width:200px; line-height: 50px; color: #333333; margin:0; padding:0;
                            background-image: url(images/l_navi_06.jpg); background-position:left top; text-decoration: none; text-align: center; }
#navi #l_navi li.navi06 a:hover { background-color: none; background-position: right top; text-decoration: none; }
#navi #l_navi li.navi07 a { display:block; width:200px; line-height: 50px; color: #333333; margin:0; padding:0;
                            background-image: url(images/l_navi_07.jpg); background-position:left top; text-decoration: none; text-align: center; }
#navi #l_navi li.navi07 a:hover { background-color: none; background-position: right top; text-decoration: none; }
#navi #l_navi li.navi08 a { display:block; width:200px; line-height: 50px; color: #333333; margin:0; padding:0;
                            background-image: url(images/l_navi_08.jpg); background-position:left top; text-decoration: none; text-align: center; }
#navi #l_navi li.navi08 a:hover { background-color: none; background-position: right top; text-decoration: none; }
#navi #l_navi li.navi09 a { display:block; width:200px; line-height: 50px; color: #333333; margin:0; padding:0;
                            background-image: url(images/l_navi_09.jpg); background-position:left top; text-decoration: none; text-align: center; }
#navi #l_navi li.navi09 a:hover { background-color: none; background-position: right top; text-decoration: none; }
#navi #l_navi li.navi10 a { display:block; width:200px; line-height: 50px; color: #333333; margin:0; padding:0;
                            background-image: url(images/l_navi_10.jpg); background-position:left top; text-decoration: none; text-align: center; }
#navi #l_navi li.navi10 a:hover { background-color: none; background-position: right top; text-decoration: none; }
#navi #l_navi li.navi11 a { display:block; width:200px; line-height: 50px; color: #333333; margin:0; padding:0;
                            background-image: url(images/l_navi_11.jpg); background-position:left top; text-decoration: none; text-align: center; }
#navi #l_navi li.navi11 a:hover { background-color: none; background-position: right top; text-decoration: none; }

/******【バナー】*****/
#main_bn { margin:20px 0 0 0; padding:0; width:360px; }

.r_bn_wax a { display:block; width:360px; line-height:216px; margin:10px 0 0 0; padding:0; float:left;
              background-image: url(images/r_bn_wax.jpg) ; background-position:left top; text-decoration: none; text-align:center; }
.r_bn_wax a:hover { background-color: none; background-position: right top; text-decoration: none; }


/******【右バナー】*****/
#r_bn_waku { margin:0; padding:0; }


/******【右バナー】会社概要*****/
.r_bn { margin:20px 0 0 10px; padding:0; height:200px; float:left; 
        background-image:url(images/campany_info.jpg); background-repeat:no-repeat; }

.r_bn_in { margin:0; padding:10px; width:200px;}


.profile { margin:0 0 0 0; padding:65px 0 0 77px;}
.profile p { margin:5px 0 0 0; padding:0; 
             color: #6C6C6C;line-height:16px; font-size:12px;}

.bn_waku { margin:0; padding:0;}

.bn_l a { display:block; width:92px; line-height:32px; margin:0 0 0 6px; padding:0; float:left;
          background-image: url(images/campany_button_01.jpg); background-position:left top; text-decoration: none; text-align: center; }
.bn_l a:hover { background-color: none; background-position: right top; text-decoration: none; }
.bn_r a { display:block; width:92px; line-height:32px; margin:0 0 0 5px; padding:0; float:left;
          background-image: url(images/campany_button_02.jpg); background-position:left top; text-decoration: none; text-align: center; }
.bn_r a:hover { background-color: none; background-position: right top; text-decoration: none; }


/******【右バナー】各種バナー*****/
.r_bn_waku_02 { margin:0 0 0 10px;}

.r_bn_jbwa a { display:block; width:200px; line-height:75px; margin:10px 0 0 0; padding:0; float:left;
               background-image: url(images/r_bn_jbwa.jpg); background-position:left top; text-decoration: none; text-align:center; }
.r_bn_jbwa a:hover { background-color: none; background-position: right top; text-decoration: none; }

.r_bn_hp a { display:block; width:200px; line-height:75px; margin:10px 0 0 0; padding:0; float:left;
               background-image: url(images/r_bn_hp.jpg); background-position:left top; text-decoration: none; text-align:center; }
.r_bn_hp a:hover { background-color: none; background-position: right top; text-decoration: none; }


/******【コンテンツ】********/
img.r_con_title { margin:0 0 15px 0; padding:0; }
img.info_title { margin:20px 0 15px 0; padding:0; }

.menu_01 a { display:block; width:280px; height:181px; margin:10px 0 0 0; padding:0; clear:both;
             background-image: url(images/r_bn_01.jpg); background-position:left top; text-decoration: none; text-align: left; }
.menu_01 a:hover { background-color: none; background-position: right top; text-decoration: none; }
.menu_01 .position { padding:135px 10px 5px 10px; margin:0px; line-height:18px; color:#666666; }

.menu_02 a { display:block; width:280px; height:181px; margin:10px 0 0 0; padding:0; clear:both;
             background-image: url(images/r_bn_02.jpg); background-position:left top; text-decoration: none; text-align: left; }
.menu_02 a:hover { background-color: none; background-position: right top; text-decoration: none; }
.menu_02 .position { padding:135px 10px 5px 10px; margin:0px; line-height:18px; color:#666666; }

.menu_03 a { display:block; width:280px; height:181px; margin:10px 0 0 0; padding:0; clear:both;
             background-image: url(images/r_bn_03.jpg); background-position:left top; text-decoration: none; text-align: left; }
.menu_03 a:hover { background-color: none; background-position: right top; text-decoration: none; }
.menu_03 .position { padding:135px 10px 5px 10px; margin:0px; line-height:18px; color:#666; }

.menu_04 a { display:block; width:280px; height:181px; margin:10px 0 0 0; padding:0; clear:both;
             background-image: url(images/r_bn_04.jpg); background-position:left top; text-decoration: none; text-align: left; }
.menu_04 a:hover { background-color: none; background-position: right top; text-decoration: none; }
.menu_04 .position { padding:135px 10px 5px 10px; margin:0px; line-height:18px; color:#666; }

.menu_05 a { display:block; width:280px; line-height:181px; margin:10px 0 0 0; padding:0;
              background-image: url(images/r_bn_05.jpg) ; background-position:left top; text-decoration: none; text-align:center; }
.menu_05 a:hover { background-color: none; background-position: right top; text-decoration: none; }

.menu_06 a { display:block; width:280px; line-height:181px; margin:0px 0 0 0; padding:0;
              background-image: url(images/r_bn_06.jpg) ; background-position:left top; text-decoration: none; text-align:center; }
.menu_06 a:hover { background-color: none; background-position: right top; text-decoration: none; }



/******【最新情報】********/
.info_waku { margin:0; padding:0; }

p.info_mark { margin:10px 0 0 0; padding:0 0 10px 30px; font-size:13px; font-weight:bold; line-height:18px; color:#724d17;
              background-image: url(images/info_mark.jpg); background-repeat:no-repeat; }

p.info_text { margin:0; padding:0 0 10px 0; font-size:13px; color:#545454; line-height:20px; 
              border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:#999; }




/******【コラム】********/
#column_waku { margin:0; padding:0; 
               background-color:#FFF; background-repeat:no-repeat; 
			   border:solid 1px #bababa; }

#column_waku .waku_in { padding:10px; }		 


.kiji_waku { margin:0; padding:10px; width:950px; 
             background-color:#FFF; background-repeat:no-repeat; 
			 border:solid 1px #bababa; }

.kiji_title_waku { margin:0; padding:0; float:left; }
.kiji_new { margin:0 20px 0 0; padding:0; float:left; width:330px; }
.kiji_ranking { margin:0 20px 0 0; padding:0; float:left; width:330px; }

.title { margin:0 10px 0 0; padding:0; float:left; }


p.new { margin:0; padding:0 0 0 40px; 
        line-height:40px; font-size:12px; color:#000; 
		border-bottom:dotted 1px #DBDBDB; 
		background-image: url(images/kiji_new.jpg); background-repeat:no-repeat; }

p.none { margin:0; padding:0 0 0 40px; 
         line-height:40px; font-size:12px; color:#000; 
		 border-bottom:dotted 1px #DBDBDB; }


p.rank_01 { margin:0; padding:0 0 0 50px; 
            line-height:40px; font-size:12px; color:#000; 
			border-bottom:dotted 1px #DBDBDB; 
			background-image:url(images/kiji_ranking_01.jpg); background-repeat:no-repeat; }
p.rank_02 { margin:0; padding:0 0 0 50px; 
            line-height:40px; font-size:12px; color:#000; 
			border-bottom:dotted 1px #DBDBDB; 
			background-image:url(images/kiji_ranking_02.jpg); background-repeat:no-repeat; }
p.rank_03 { margin:0; padding:0 0 0 50px; 
            line-height:40px; font-size:12px; color:#000; 
			border-bottom:dotted 1px #DBDBDB; 
			background-image:url(images/kiji_ranking_03.jpg); background-repeat:no-repeat; }
p.rank_04 { margin:0; padding:0 0 0 50px; 
            line-height:40px; font-size:12px; color:#000; 
			border-bottom:dotted 1px #DBDBDB; 
			background-image:url(images/kiji_ranking_04.jpg); background-repeat:no-repeat; }
p.rank_05 { margin:0; padding:0 0 0 50px; 
            line-height:40px; font-size:12px; color:#000; 
			border-bottom:dotted 1px #DBDBDB; 
			background-image:url(images/kiji_ranking_05.jpg); background-repeat:no-repeat; }





/*******【メールでのお問い合わせ】*******/
.mail_waku { margin:0; padding:85px 0 0 565px;}

.mail a { display:block; width:217px; line-height:33px; margin:0; padding:0; 
          background-image: url(images/inq_button.jpg); background-position:left top; text-decoration: none; text-align:center; }
.mail a:hover { background-color: none; background-position: right top; text-decoration: none; }



/*******【フッター】*******/
#ft_bg { clear:both; background-image: url(images/footer_bg.jpg); background-repeat:repeat-x; }

#footer { width: 900px; margin-left: auto; margin-right: auto; color: #666666; clear: both;
          padding: 0; height: 325px; display: block; text-align: left; background-image:url(images/footer_back.jpg); background-repeat:no-repeat; }

#footer a{ color: #fff; text-decoration: none; }
#footer a:hover{ color: #fffcb8; text-decoration: underline; }


#footer .ft01 { margin: 65px 0 0 30px; padding:0; width:199px; height:222px; display:block; float:left; 
                background-image: url(images/footer_logo.gif); background-repeat:no-repeat; }
#footer .ft01 p.f_01top { margin:155px 0 0 0; padding:0 10px 0 10px; text-align:left; font-size:13px; color:#3d3d3d; line-height:18px; }

#footer .ft01 a{ color: #FF6E00; text-decoration: none; }
#footer .ft01 a:hover{ color: #FF0004; text-decoration: underline; }


#footer .ft02 { margin:50px 0 0 50px; padding:0; float:left; }
#footer .ft03 { margin:50px 0 0 70px; padding:0; float:left; }
#footer .ft04 { margin:50px 0 0 70px; padding:0; float:left; }


#footer ul { list-style: none; margin: 10px 0 0 0 ; padding:0; font-size:12px; }
#footer li { list-style: none; margin:0 0 5px 0 ; color:#666;
	         padding:0 0 0 20px;
	         background-image: url(images/footer_mark.jpg);
	         background-repeat:no-repeat;
	         background-position: left;
	         line-height:22px;
			 }

p.copy { clear:both; margin: 0; padding:5px 0 0 0; line-height:20px; font-size: 12px; color: #fff; text-align:center; }