@charset "shift_jis";
/* -----2ndページ以降----- */

/* ----- メイン画像 ------ */

#flash2 {
background: url(../kato/images/mainimg_company.gif) no-repeat;
height:300px;
width:800px;
}
#flash_k {
	background: #000;
	height: 324px;
	width: 800px;
}
#flash_l {
	background: #000;
	height: 324px;
	width: 560px;
	float:left;
}
#flash_a {
	height: 324px;
	width: 238px;
	float:left;
}
#flash3 {
background: url(../kato/images/mainimg_policy.jpg) no-repeat;
height:300px;
width:800px;
}
#flash4 {
background: url(../kato/images/mainimg_sitemap.jpg) no-repeat;
height:300px;
width:800px;
}
#flash5 {
	background: url(../recruit/images/mainimg_recr2.jpg) no-repeat;
	height: 300px;
	width: 800px;
}
#flash6 {
background: url(http://katoshoten.jp/script/mailform/contact//images/mainimg_cont.jpg) no-repeat;
height:300px;
width:800px;
}
#flash7 {
background: url(../event/images/mainimg_event.jpg) no-repeat;
height:300px;
width:800px;
}
#flash8 {
background: url(../blog/images/mainimg_blog.jpg) no-repeat;
height:300px;
width:800px;
}

#flash9 {
background: url(../blog2/images/mainimg_blog.jpg) no-repeat;
height:300px;
width:800px;
}
#flash10 {
background: url(../images/mainimg_yasumi.jpg) no-repeat;
height:300px;
width:800px;
}

#flashau {
background: url(../blog3/images/mainimg_blog.jpg) no-repeat;
height:300px;
width:800px;
}

/* ----- メイン ------ */

#c_main{
	width: 800px;
	margin: px;
	padding: 0px;
	clear: both;
	background-image: url(../images/main_bg.jpg);
	background-repeat: repeat-y;
	height: auto;
	overflow: hidden;
}


/* ----- 右サイド ------ */

#right_block{
width:190px;
float:right;
}

div#right_block ul{
width:190px;
}

div#right_block li{
margin-top: 10px;
}

/* ----- 左サイド ------ */

#left_block{
	width:600px;
	height:auto;
	float:left;
}

.h3_midashi001{
	font-size: 16px;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(../kato/images/com_line2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 5px;
}
.h3_midashi001 span{
	color: #F19410;
	font-size: 16px;
}
.h3_midashi002{
	font-size: 16px;
	clear: both;
	margin-bottom: 20px;
	background-image: url(../kato/images/com_line2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 5px;
}
.h3_midashi002 span{
	color: #F19410;
	font-size: 16px;
}

#pd_box{
	width: 560px;
	padding-right: 20px;
	padding-left: 20px;
}
.div_ce{
	text-align: center;
}

/* ----- 会社案内 ------ */

.h2_comp001 {
	background-image: url(../kato/images/h2_com.jpg);
	background-repeat: no-repeat;
	text-indent: -4649em;
	height: 30px;
	width: 600px;
}
.h2_comp002 {
	background-image: url(../kato/images/h2_idea.jpg);
	background-repeat: no-repeat;
	text-indent: -4649em;
	height: 30px;
	width: 600px;
}
.h2_curry001 {
	background-image: url(../kato/images/h2_curry.jpg);
	background-repeat: no-repeat;
	text-indent: -4649em;
	height: 30px;
	width: 600px;
}


.h2_k1_title {
	background-image: url(../kato/images/k1_title.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 600px;
}

.h2_k1_title span{
display:none;
}

.h2_comp003 {
	background-image: url(../kato/images/h2_vis.jpg);
	background-repeat: no-repeat;
	text-indent: -4649em;
	height: 30px;
	width: 600px;
}

#ul_com {
	list-style:none;
	text-indent: -4649em;
}
#ul_com li {
	float: left;
	margin-bottom: 20px;
}
#ul_com li a:focus{
	outline:none;
}
#ul_com li a {display: block;}
#ul_com li#gm1 a {
	margin: 0px;
	width: 180px;
	height: 26px;
	background-repeat: no-repeat;
	background-image: url(../kato/images/bt_com.jpg);
	padding-right: 10px;
}
#ul_com li#gm1 a:hover { 
background-image: url(../kato/images/bt_com_a.jpg);
}
#ul_com li#gm2 a {
	margin: 0px;
	width: 180px;
	height: 26px;
	background-repeat: no-repeat;
	background-image: url(../kato/images/bt_idea.jpg);
	padding-right: 10px;
}
#ul_com li#gm2 a:hover {
	background-image: url(../kato/images/bt_idea_a.jpg);
}
#ul_com li#gm3 a {
	margin: 0px;
	width: 180px;
	height: 26px;
	background-repeat: no-repeat;
	background-image: url(../kato/images/bt_vis.jpg);
}
#ul_com li#gm3 a:hover { 
background-image: url(../kato/images/bt_vis_a.jpg);
}

#ul_com li#gm4 a {
	margin: 0px;
	width: 180px;
	height: 26px;
	background-repeat: no-repeat;
	background-image: url(../kato/images/bt_maruka.jpg);
	padding-right: 10px;
}
#ul_com li#gm4 a:hover {
	background-image: url(../kato/images/bt_maruka_a.jpg);
}

/* ----- 会社概要 ------ */

.table_com{
	margin-bottom: 20px;
}
.table_com span{
    color: #F19410;
}
.table_com .td_ye{
	padding: 10px 5px 10px 20px;
	width: 25%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #FFFF99;
	font-size: 12px;
	line-height: 160%;
}
.table_com .td_ye2{
	padding: 10px 5px 10px 20px;
	width: 25%;
	background-color: #FFFF99;
	font-size: 12px;
	line-height: 160%;
}
.table_com .td_ye3{
	width: 25%;
	background-color: #FFFF99;
	font-size: 12px;
	line-height: 160%;
	height: 2px;
}
.table_com .td_wh{
	padding: 10px 15px;
	width: 75%;
	font-size: 12px;
	line-height: 160%;
	background-image: url(../kato/images/com_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.table_com .td_wh2{
	padding: 10px 15px;
	width: 75%;
	background-image: url(../kato/images/com_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 12px;
	line-height: 160%;
}
.table_com .td_wh3{
	width: 75%;
	background-image: url(../kato/images/com_line.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 12px;
	line-height: 160%;
	height: 2px;
}
.map_ifre{
	height: 250px;
	width: 500px;
	margin-bottom: 20px;
}

/* ----- 企業理念 ------ */

.p_fl{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.p_fl2{
	float: left;
	width: 365px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 95px;
}
/* (IE 6など一部のブラウザ向け) */
* html .p_fl2{
	width: 360px;
}
.p_text01{
	line-height: 160%;
	text-align: justify;
	color: #FF3300;
}

.p_text02{
	line-height: 140%;
	text-align: justify;
	clear: both;
	margin-bottom: 20px;
}
.p_text02 em{
	font-size: 20px;
	font-weight: bold;
}

/* ----- 企業ビジョン ------ */

.ul_com{
	margin-bottom: 15px;
	font-weight: bold;
	margin-left: 20px;
}
.ul_com .li_r{
	font-size: 16px;
	margin-bottom: 10px;
	background-image: url(../kato/images/hoshi_r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 18px;
	line-height: 18px;
	color: #FF3300;
}
.ul_com .li_b{
	font-size: 16px;
	margin-bottom: 10px;
	background-image: url(../kato/images/hoshi_r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 18px;
	line-height: 18px;
	color: #003399;
}
.ul_com .li_no{
	font-size: 16px;
	margin-bottom: 10px;
	background-image: url(../kato/images/hoshi_r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 18px;
	line-height: 18px;
}

/* ----- 個人情報 ------ */

.h2_pol001 {
	background-image: url(../kato/images/h2_pol.jpg);
	background-repeat: no-repeat;
	text-indent: -4649em;
	height: 30px;
	width: 600px;
}
.p_pol01{
	margin-top: 20px;
}
.p_pol02{
	margin-bottom: 20px;
}
.h3_pol001{
	font-size: 14px;
	margin-top: 20px;
}

/* ----- サイトマップ ------ */

.h2_site001 {
	background-image: url(../kato/images/h2_site.jpg);
	background-repeat: no-repeat;
	text-indent: -4649em;
	height: 30px;
	width: 600px;
}
.ul_site01{
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	margin-right: 50px;
}
.ul_site01 .li_site01{
	margin-bottom: 8px;
	background-image: url(../images/yajirushi_r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
}
.ul_site01 .li_site02{
	background-image: url(../images/yajirushi_r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
}
.ul_site02{
	margin-top: 7px;
}
.ul_site02 li{
	margin-bottom: 8px;
	background-image: url(../images/yajirushi_r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
}
.ul_site03{
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	margin-right: 50px;
}
.ul_site03 .li_smoon01{
	margin-bottom: 5px;
	background-image: url(../kato/images/yajirushi_smoon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
}
.ul_site03 .li_smoon02{
	margin-bottom: 5px;
	background-image: url(../kato/images/yajirushi_smoon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
	margin-left: 12px;
}
.ul_site03 .li_suzuki01{
	margin-bottom: 5px;
	background-image: url(../kato/images/yajirushi_suzuki.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
	margin-top: 10px;
}
.ul_site03 .li_suzuki02{
	margin-bottom: 5px;
	background-image: url(../kato/images/yajirushi_suzuki.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
	margin-left: 12px;
}
.ul_site03 .li_kin01{
	margin-bottom: 5px;
	background-image: url(../kato/images/yajirushi_kin.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
	margin-top: 10px;
}
.ul_site03 .li_kin02{
	margin-bottom: 5px;
	background-image: url(../kato/images/yajirushi_kin.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
	margin-left: 12px;
}
.ul_site04{
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}
/* (IE 6など一部のブラウザ向け) */
* html .ul_site04{
	padding-bottom: 20px;
}
/* (IE 7など一部のブラウザ向け) */
*+html .ul_site04{
	padding-bottom: 20px;
}
.ul_site04 .li_tema01{
	margin-bottom: 5px;
	background-image: url(../kato/images/yajirushi_tema.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
}
.ul_site04 .li_tema02{
	margin-bottom: 5px;
	background-image: url(../kato/images/yajirushi_tema.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
	margin-left: 12px;
}
.ul_site04 .li_nano01{
	margin-bottom: 5px;
	background-image: url(../kato/images/yajirushi_nano.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
	margin-top: 10px;
}
.ul_site04 .li_nano02{
	margin-bottom: 5px;
	background-image: url(../kato/images/yajirushi_nano.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
	margin-left: 12px;
}
.ul_site04 .li_enjoy01{
	margin-bottom: 5px;
	background-image: url(../kato/images/yajirushi_enjoy.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
	margin-top: 10px;
}
.ul_site04 .li_enjoy02{
	margin-bottom: 5px;
	background-image: url(../kato/images/yajirushi_enjoy.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
	margin-left: 12px;
}

/* ----- お問い合わせ ------ */

.h2_cont001 {
	background-image: url(http://katoshoten.jp/script/mailform/contact//images/h2_cont.gif);
	background-repeat: no-repeat;
	text-indent: -4649em;
	height: 30px;
	width: 600px;
}

.h2_cont002 {
	background-image: url(../radiocontact/images/h2_cont.gif);
	background-repeat: no-repeat;
	text-indent: -4649em;
	height: 30px;
	width: 600px;
}

/* ----- 採用受付 ------ */

.h2_rec001 {
	background-image: url(../recruit/images/h2_rec.gif);
	background-repeat: no-repeat;
	text-indent: -4649em;
	height: 30px;
	width: 600px;
}
.p_rec01{
	color: #FF3300;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 14px;
}
.p_rec02{
	margin-bottom: 10px;
	line-height: 130%;
}
.p_rec02 em{
	color: #FF3300;
}
.ul_rec01{
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 140%;
}
.p_rec03{
	margin-bottom: 20px;
	border: 1px solid #FF3300;
	padding-top: 3px;
	padding-bottom: 2px;
	width: 47em;
	clear: both;
	line-height: 130%;
}
.p_rec03 em{
	color: #FFFFFF;
	background-color: #FF3300;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	margin-right: 10px;
}
/* (IE 6など一部のブラウザ向け) */
* html .p_rec03 em{
	padding-bottom: 4px;
}
/* (Operaなど一部のブラウザ向け) */
html:first-child .p_rec03 em{
	padding-top: 4px;
	padding-bottom: 3px;
}
.p_rec04{
	margin-bottom: 15px;
	margin-left: 15px;
	clear: both;
}
.p_rec05{
	margin-bottom: 15px;
	line-height: 130%;
}
.h4_rec001{
	color: #FFFFFF;
	padding: 3px 10px;
	background: url(../recruit/images/h4_rec_bk.gif) repeat-x;
	height: 16px;
	font-weight: bold;
	line-height: 16px;
	text-align:left;
	clear: both;
}
.h4_rec002{
	color: #FF3300;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
.dl_rec01{
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 15px;
	line-height: 140%;
	overflow: hidden;
}
.dl_rec01 dt{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	clear: left;
}
.dl_rec01 dd{
	float: right;
	text-align: left;
	width: 490px;
	margin-bottom: 5px;
	clear: left;
}
.dl_rec02{
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 15px;
	line-height: 140%;
}
.dl_rec02 dt{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.dl_rec02 dd{
	float: right;
	text-align: left;
	width: 490px;
	margin-bottom: 5px;
}
.bt_oubo {
	background-image:url(../recruit/images/bt_oubo.jpg);
	background-repeat:no-repeat;
	width:180px;
	height:26px;
	text-indent: -4649em;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}
.bt_oubo a {
width:180px;
height:26px;
display: block;
background-repeat: no-repeat;
}
.bt_oubo a:hover {
background-image:url(../recruit/images/bt_oubo_a.jpg);
}
.bt_naiyo {
	background-image:url(../recruit/images/bt_naiyo.jpg);
	background-repeat:no-repeat;
	width:180px;
	height:26px;
	text-indent: -4649em;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}
.bt_naiyo a {
width:180px;
height:26px;
display: block;
background-repeat: no-repeat;
}
.bt_naiyo a:hover {
background-image:url(../recruit/images/bt_naiyo_a.jpg);
}
.bt_youkou {
	background-image:url(../recruit/images/bt_youkou.jpg);
	background-repeat:no-repeat;
	width:180px;
	height:26px;
	text-indent: -4649em;
	margin-top: 20px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}
.bt_youkou a {
width:180px;
height:26px;
display: block;
background-repeat: no-repeat;
}
.bt_youkou a:hover {
background-image:url(../recruit/images/bt_youkou_a.jpg);
}

/* ----- 採用受付・お問い合わせ・共通フォーム ------ */

.table_form{
	margin-bottom: 20px;
}
.table_form .td_ye{
	padding: 10px 5px 10px 25px;
	width: 30%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #FFFF99;
	font-size: 12px;
	line-height: 160%;
	vertical-align: top;
}
.table_form .td_ye2{
	padding: 10px 5px 10px 25px;
	width: 30%;
	background-color: #FFFF99;
	font-size: 12px;
	line-height: 160%;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #FFFF99;
}
.table_form .td_ye3{
	width: 30%;
	background-color: #FFFF99;
	font-size: 12px;
	line-height: 160%;
	height: 2px;
}
.table_form .td_wh{
	padding: 10px 15px 10px 25px;
	width: 70%;
	font-size: 12px;
	line-height: 160%;
	background-image: url(../kato/images/com_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.table_form .td_wh2{
	padding: 10px 15px 10px 25px;
	width: 70%;
	background-image: url(../kato/images/com_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 12px;
	line-height: 160%;
}
.table_form .td_wh3{
	width: 70%;
	background-image: url(../kato/images/com_line.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 12px;
	line-height: 160%;
	height: 2px;
}
.table_form .td_red{
	color: #FF3300;
	font-size: 12px;
}
.table_form .td_error{
	color: #FF3300;
	font-size: 12px;
	padding-bottom: 15px;
}
.td_error li{
	color: #FF3300;
	font-size: 12px;
}
.table_form em{
	color: #FF3300;
	font-size: 12px;
}
.form_text {
	padding-top: 2px;
	padding-left: 2px;
}
.form_text2 {
	padding-top: 2px;
	margin-top: 5px;
}
.form_textarea {
	padding-top: 2px;
}

/* (Operaなど一部のブラウザ向け) */
html:first-child .form_select {
	padding-top: 4px;
	padding-left: 2px;
}
.span_rec01{
	margin-bottom: 10px;
	margin-right: 6px;
}
.span_rec02{
	margin-right: 28px;
}
.span_rec03{
	margin-right: 10px;
}
.bt_rec{
	margin-right: auto;
	margin-left: auto;
	width: 13em;
	margin-bottom: 20px;
}
.submit{
	margin-right: 1em;
	width: 6em;
	text-align: center;
}
.reset{
	width: 4em;
	text-align: center;
}
.td_kakunin{
	font-size: 12px;
	padding-bottom: 10px;
}
.bt_rec2{
	margin-right: auto;
	margin-left: auto;
	width: 20em;
	margin-bottom: 20px;
}
.submit2{
	margin-right: 1em;
	width: 10em;
	text-align: center;
}
.submit3{
	width: 8em;
	text-align: center;
}

/* ----- 共通クーポン ------ */

.coupon_box{
	padding: 10px;
	width: 310px;
	text-align: center;
	border: 1px solid #CCCCCC;
	margin: 0px;
}
.coupon_text{
	font-size: 12px;
	text-align: left;
	margin: 15px 0px 5px;
	padding: 0px;
}
.bt_close{
	width: 330px;
	text-align: right;
	margin: 10px 0px 0px;
}

/* ----- イベント情報 ------ */
.ivent_tab01{
margin-left:10px;
margin-top:20px;
}

#top_logo ul{
	list-style:none;
	text-align:left;
	background:url(../kato/images/k1_image/k1_toplogo_bgi.jpg) no-repeat;
	width:550px;
	height:89px;
	padding-left:25px;
	padding-top:8px;
	margin-left:6px;
}

#top_logo{
	margin:0 auto;
	text-align:center;
}

#top_logo li{
	float:left;
	height:60px;
	
}

#top_logo ul a{
	margin:0px;
}

.contBlocks {
    clear: both;
    float: left;
    margin: 10px 0;
    width: 550px;
}
#container .contBlocks p span img {
    float: left;
    padding: 0 10px 5px 0;
}
.orenge{
color:#FF9900;
}
.bold{
font-weight:bold;
}

.contBlocks2 {
    clear: both;
    float: left;
    margin: 10px 0;
    width: 550px;
}

.contBlocks2 p{
margin:10px 0;
}

.lerge{
font-size:18px;
}

.blue{
color:#0000FF;
}

.img_a{
width:auto;
margin:10px;
}

#main1_m h4 span {
    background-image: url(../k_manpukuya/images/bg_h2_top.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    font-weight: bold;
	height:30px;
	padding-left:20px;
	padding-top:8px;
	font-size: 140%;
    font-weight: bold;
}

#main1_m dl.first {
padding-left:0;
}

#main1_m dl {
float:left;
line-height:130%;
padding-left:40px;
width:160px;
}

#main1_m dl dt {
margin-bottom:3px;
}


#main1_m dl dt img {
border:4px solid #67604F;
}

#main1_m dl dt img  {
border:none;
}



#main1_m dl dd.name {
color:#333333;
font-weight:bold;
font-size:150%;
border-bottom-style:dotted;
}

#main1_m dl dd.value {
color:#BC4A5E;
font-weight:bold;
font-size:130%;
}

#main1_m  dl dd.ex {
font-size:100%;
line-height:130%;
margin-bottom:5px;
}

#main1_m .gyoza img{
	border: 1px solid #CCC;
	padding: 5px;
	margin: 3px;
	float: right;
}

.gyoza{
padding:0px 10px 0px 10px;
font-size:15px;
margin-bottom:20px;
}

.gyoza .name {
color:#333333;
font-weight:bold;
font-size:180%;
}

.gyoza .value {
color:#BC4A5E;
font-weight:bold;
font-size:130%;
}

.gyoza .ex {
font-size:100%;
line-height:130%;
margin-bottom:5px;
}

.gyoza .s_ex {
font-size:80%;
line-height:130%;
margin-bottom:5px;
color:#990000;
}